第一次使用zxxbox弹层经历

时间:2021-07-27 15:19:26

一:首先这个插件是基于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”,默认会转,弹层的大小默认是要加载元素的大小,今天加载的是一张图片,图片太大,可以通过样式调整,样式可以调整大小