使用tipsWindow创建可移动的弹出窗口

来源：互联网发布：多个工厂模式 java 编辑：程序博客网时间：2024/05/18 03:30

在做一个项目是发现没有一个比较好用的弹出窗口样本，就找到了tipsWindow，感觉和WdatePicker一样比较简单实用而且强大。

直接贴出一个标准的说明页面，里面介绍比较详细了。1

这个版本应该是比较旧的版本了，不过基本功能都是很好用的，如果有新的更新大家提醒我！

TipsWindown 1.0

关于插件：

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

应用演示：

弹出文本信息提示：
tipsWindown("提示","text:提示信息内容","250","150","true","","true","msg")
弹出页面中的某个ID的html：
tipsWindown("标题","id:testID","300","200","true","","true","id")
我是测试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://leotheme.cn","900","580","true","","true","leotheme");
弹出一个不能拖动且没有遮罩背景的文本信息层：
tipsWindown("提示","text:提示信息内容","250","150","false","","false","msg")
弹出一个不能拖动，三秒钟自动关闭的层：
tipsWindown("提示","text:提示信息内容","250","150","false","3000","true","msg")

参数说明：

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

完整包下载