JQuery弹出层效果制作
2012-08-26 09:25
232 查看
来自:http://www.nowamagic.net/jquery/jquery_JqueryPopup.php
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 | 弹出层附加样式名 | 可不填 |
查看本页源代码可获取所有所需的代码。
相关文章推荐
- jquery colorbox图片弹出效果制作
- 使用jQuery制作遮罩层弹出效果的极简实例分享
- 使用jQuery制作遮罩层弹出效果的极简实例分享
- JQuery弹出层效果制作
- JQuery弹出层效果制作 TipsWindown
- Jquery制作窗口弹出效果(转)
- 使用jquery制作弹出框效果
- Jquery插件之Fancybox丰富的弹出层效果附源码下载
- delay()--一个很常用的jquery方法,制作页面动画效果的利器
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- jQuery实现点击任意位置弹出层外关闭弹出层效果
- [原创+源码]jQuery实现弹出居、右下角、左下角窗口效果(一)
- 基于jquery插件制作左右按钮与标题文字图片切换效果
- jQuery实现单击按钮遮罩弹出对话框效果(2)
- jQuery实现气球弹出框式的侧边导航菜单效果
- jquery插件之弹出对话框效果
- WPF 制作子窗体的弹出动画效果
- jquery.eraser制作擦涂效果
- jquery实现可自动判断位置的弹出层效果代码
- jquery实现可自动判断位置的弹出层效果代码