本文介绍了一种使用jQuery 1.6.1实现多层遮罩效果的方法。通过修改原有代码，支持在遮罩层上再次添加遮罩，并提供了设置宽度、高度、标题等方法。
想做一个遮罩效果，看到以前Cindy_Lee和vb2005xu在这里发的帖子，效果很好，就拿下来使用了，后来需要用到遮罩层上再遮罩，就遇到了问题，把代码小改了一下，现在可以支持遮罩层层上再遮罩了, 使用了jquery1.6.1。
使用的话，构造一个popWindow.context对象
var s = new popWindow.context("id"); //如果需要多层遮罩，每个使用不同的id
提供5个方法
s.setWidth('300'); //遮罩层上对话框的宽度
s.setHeight('200'); //遮罩层上对话框的高度
s.setTitle('this is a test'); //遮罩层上对话框的标题
s.setContextTemp('<p>test,test</p>'); //遮罩层上对话框内容
s.setCloseIconPath('./img/close.jpg'); ////关闭遮罩层按钮的图片路径
效果如截图
使用的话，构造一个popWindow.context对象
var s = new popWindow.context("id"); //如果需要多层遮罩，每个使用不同的id
提供5个方法
s.setWidth('300'); //遮罩层上对话框的宽度
s.setHeight('200'); //遮罩层上对话框的高度
s.setTitle('this is a test'); //遮罩层上对话框的标题
s.setContextTemp('<p>test,test</p>'); //遮罩层上对话框内容
s.setCloseIconPath('./img/close.jpg'); ////关闭遮罩层按钮的图片路径
效果如截图
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
