http://www.php100.com/html/program/jquery/2013/0905/5970.htmlhttp://vadikom.com/demos/poshytip/http://www.cnblogs.com/best/archive/2011/09/27/2193572.html
JQuery插件TipsWindown 1.1
一个基于jQuery的弹出层。支持拖拽,支持内容为文字,图片,URL等!至于兼容性。在IE6下,弹出对像无法绝对固定。其他应该没啥大问题;
最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果。
应用演示
- 弹出文本信息提示:
tipsWindown("提示","text:提示信息内容","250","150","true","","true","msg")
- 弹出页面中的某个ID的html:
tipsWindown("标题","id:testID","300","200","true","","true","id")
- 弹出图片:
tipsWindown("图片","img:图片路径","250","150","true","","true","img")
- get加载一个.html文件(也可以是.php/.asp?id=4之类的):
tipsWindown("标题","url:get?test.html","250","150","true","","true","text");
- 加载一个页面到框架显示:
tipsWindown("标题","iframe:http://www.nowamagic.net","900","580","true","","true","leotheme");
- 弹出一个不能拖动且没有遮罩背景的文本信息层:
tipsWindown("提示","text:提示信息内容","250","150","false","","false","msg")
- 弹出一个不能拖动,三秒钟自动关闭的层:
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 |
弹出层附加样式名 |
可不填 |
像这种弹出透明背景层效果很常见了,除部分区域可以操作外其他区域不能操作,目前有提供插件,完全可以实现此种效果。
查看本页源代码可获取所有所需的代码。