当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个jquery的弹出层的插件

Javascript
用jQuery解决IE不支持的option disable属性
jQuery 源代码显示控件 (Ajax加载方式).
JS backgroundImage控制
jQuery 性能优化指南 (1)
jQuery 性能优化指南(2)
jQuery 性能优化指南(3)
input+select(multiple) 实现下拉框输入值
javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]
jQuery 图像裁剪插件Jcrop的简单使用
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
jquery(1.3.2) 斑马线效果代码
JQuery Jcrop 实现图片裁剪的插件
jquery img src 获取实现代码
javascript 历史记录 经常用于产品最近历史浏览
jquery tabs的实现代码
jQuery 剧场版 你必须知道的javascript
JavaScript 闭包深入理解(closure)
js 图片缩放(按比例)控制代码
广告切换效果(缓动切换)
javascript 用局部变量来代替全局变量

Javascript 中的 一个jquery的弹出层的插件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 432 ::
收藏到网摘: n/a

刚刚写的一个jquery的弹出层的插件
复制代码 代码如下:
复制代码 代码如下:

$.layerSetup({
id:"弹出层的ID",
title:'弹出层的标题文字',
target:在哪个目标柜架弹出层如window.parent,默认为window.self,
cssurl:'弹出层的CSS样式文件的地址',
content:'弹出的内容',
isbg:是否显示一个遮照层,
templete:'为层设置布局模板如:<div class="showwint_mini_title"><span class="showwint_mini_close_btn"><a href="javascript:void(null);" class="layerclose"></a></span><span class="showwint_mini_title_content" id="@moveid@"><span id="@titleid@"></span></span></div><div class="showwint_mini_content"><div class="showwint_mini_content_content" id="@contentid@"></div></div>',
opacity:设置遮照层的透明度,
width:宽,
height:高
});
$.layershow();

其中布局模板中的"@titleid@"、"@moveid@"、"@contentid@"、"@width@"、"@height@"为模板中放置标题ID、拖动ID、内容ID、宽、高等,可以根据你自己设计的模板不同放在不同的位置.
一个jquery的弹出层的插件下载地址
http://wt.ruanchen.com/00810/yuanma/jquery_win.rar