弹窗效果:TipsWindown

关于插件:

一个基于jQuery的弹出层。支持拖拽,支持内容为文字,图片,URL等!至于兼容性。在IE6下,弹出对像无法绝对固定。其他应该没啥大问题;

应用演示:

1,弹出文本信息提示:

tipsWindown("提示","text:提示信息内容","250","150","true","","true","msg")

2,弹出页面中的某个ID的html:

tipsWindown("标题","id:testID","300","200","true","","true","id")

3,弹出图片:

tipsWindown("图片","img:图片路径","250","150","true","","true","img")

,4,get加载一个.html文件(也可以是.php/.asp?id=4之类的):

tipsWindown("标题","url:get?test.html","250","150","true","","true","text"); 

5,加载一个页面到框架显示:

tipsWindown("标题","iframe:http://leotheme.cn","900","580","true","","true","leotheme"); 

6,弹出一个不能拖动且没有遮罩背景的文本信息层:

tipsWindown("提示","text:提示信息内容","250","150","false","","false","msg")

7,弹出一个不能拖动,三秒钟自动关闭的层:

tipsWindown("提示","text:提示信息内容","250","150","false","3000","true","msg")

参数说明:

顺序 参数 功能 备注
1 title 弹出层的标题 必填,纯文本
2 content 弹出层的内容 text 文本内容
id 页面里某id的子标签
img 图片
url get或post某一页面里的html,该页面要求只包含body的子标签
iframe 目标地址在框架显示
3 width 弹出层的宽 必填,比如“200”。(不需要带px)
4 height 弹出层的高 同 width
5 drag 是否可拖动 必填,可选参数(true,false)
6 time 自动消失时间 可不填,默认不自动关闭;参数可为空("")
7 showbg 是否显示遮罩层 可不填,默认不显示(此项如填了,它前面的time也必须要填)
8 cssName 弹出层附加样式名 可不填


js下载地址:TipsWindown.js

你可能感兴趣的:(前端,TipsWindown,弹窗)