此插件的功能是加载页面内容到弹出层显示,虽然功能简单,但很实用,也很适合初学Jquery的网友学习用,使用很简单,插件一共有3个参数,用的时候初始化参数即可。
使用说明如下:
id:"id", //id必须防止重复
title:"标题" , //显示在弹出层的标题
url:"" //要加载的内容地址
$('#***').skyLayer.Sclose(); //关闭弹出层
$(function(){
$('#img').click(function(){
$(this).skyLayer({id:'img',title:'图片',url:"./photo.html"});
})
$('#music').click(function(){
$(this).skyLayer({id:'music',title:'音乐',url:"./music.html"});
})
$('#doc').click(function(){
$(this).skyLayer({id:'doc',title:'说明',url:"./doc.html"});
})
})
效果图如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
原创 层特效 弹出层