layer.js弹出层插件可拖动弹出图片相册窗口代码

来源:https://www.sucaihuo.com/js/2137.html 2017-06-10 17:08浏览(3133) 收藏

layer.js弹出层插件,可拖动弹出图片相册窗口代码,可拖动的jQuery网页弹出窗口。
layer.js弹出层插件可拖动弹出图片相册窗口代码
分类:图片代码 > 图片相册 难易:中级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。
【注意事项】
一、使用时,请把文件夹layer整个放置在您站点的任何一个目录,只需引入layer.js即可,除jQuery外,其它文件无需再引入。
二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您可以通过layer.config()来配置(详见官网API页)
三、jquery需1.8+
四、更多使用说明与演示,请参见layer官网。
五、使用时请务必保留来源,请勿用于违反我国法律的web平台。
六、layer遵循LGPL协议,将永久性提供无偿服务。版权最终解释权:贤心。

js代码

<script>
;!function(){

//页面一打开就执行,放入ready是为了layer所需配件(css、扩展模块)加载完毕
layer.ready(function(){ 
    //官网欢迎页
    layer.open({
        type: 2,
        //skin: 'layui-layer-lan',
        title: 'layer弹层组件',
        fix: false,
        shadeClose: true,
        maxmin: true,
        area: ['1000px', '500px'],
        content: 'http://layer.layui.com/?form=local',
        end: function(){
            layer.tips('试试相册模块?', '#photosDemo', {tips: 1})
        }
    });
    
    //layer.msg('欢迎使用layer');
    
    //使用相册
    layer.photos({
        photos: '#photosDemo'
    });
});

//关于
$('#about').on('click', function(){
    layer.alert(layer.v + ' - 素材火 sucaihuo.com');
});

}();
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2