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 | 弹出层附加样式名 | 可不填 | |
像这种弹出透明背景层效果很常见了，除部分区域可以操作外其他区域不能操作，目前有提供插件，完全可以实现此种效果。
查看本页源代码可获取所有所需的代码。
时间： 2024-10-04 16:53:59