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

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 332 ::
收藏到网摘: 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