layer.open web弹层组件

来源:互联网 发布:开淘宝网店的流程视频 编辑:程序博客网 时间:2024/05/17 03:55

引用该控件,需要先在你的页面引入jQuery1.8以上的任意版本,并引入layer.js

html部分:

onclick="show_big_img(this)"

JavaScript部分:

function  show_big_img(obj) {        var src = $(obj).attr('src');        layer.open({            type: 1,            title: false,            closeBtn: 0,            area: '516px,100px',            skin: 'layui-layer-nobg', //没有背景色            shadeClose: true,            content: '<img   src="'+src+'"  />'        })    }

content也可以将数据先写好,然后调用:

<div id='info' style = "display : none">        我是内容</div>
content: $("#info").html()