一:首先这个插件是基于JQuery的插件,要先导入JQuery,然后再导入这个插件

二:HTML部分

<a href="http://www.jisuapi.com/static/images/logov2.png" class="loadImage">
<img src="http://www.jisuapi.com/static/images/logov2.png" >
</a>

JS部分:

window.onload=function(e){
    e.preventDefault();
    $(".loadImage").zxxbox({
    bar: false,
    bgclose:true,
    width:400,
    height:200
    
});
}

要阻止a的默认动作,不然会跳转页面,可以设置宽,高不知道怎么设置,设置了但是感觉没有效果,有大牛看到指点一下小弟我,宽度不要在“px”,默认会转,弹层的大小默认是要加载元素的大小,今天加载的是一张图片,图片太大,可以通过样式调整,样式可以调整大小

Posted on 2017-12-26 17:25  LY_Young  阅读(230)  评论(0编辑  收藏  举报