JQuery插件TipsWindown 1.1

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

最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果。

应用演示

  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://www.nowamagic.net","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 弹出层附加样式名 可不填

像这种弹出透明背景层效果很常见了,除部分区域可以操作外其他区域不能操作,目前有提供插件,完全可以实现此种效果。

查看本页源代码可获取所有所需的代码。

最新文章

  1. [转]Fiddler抓取Android真机上的HTTPS包
  2. 使用 ServiceStack 构建跨平台 Web 服务
  3. HTTP权威协议笔记-4.连接管理
  4. dropbear
  5. jquery load 加载改造,只加载body
  6. hibernate 知识梳理
  7. Splay树再学习
  8. iOS异常捕获
  9. 取得inputStream的长度
  10. cf500D New Year Santa Network
  11. 基于visual Studio2013解决C语言竞赛题之0202坐标转换
  12. thinkphp5.0无限极分类及格式化输出
  13. JDK1.8源码(六)——java.util.LinkedList 类
  14. Go语言JSON数据相互转换
  15. Mysql-12条优化技巧
  16. C++ OpenMp的并行编程
  17. Steeltoe之Config客户端篇
  18. openssl:AES CBC PKCS5 加解密 (C/GOLANG)
  19. Android Butterknife框架
  20. mysql 如何选择随机行

热门文章

  1. 接口文档神器--apiui的使用
  2. TW实习日记:第14天
  3. 爬虫2.1-scrapy框架-两种爬虫对比
  4. FPGA学习-VGA接口
  5. JS原型与面向对象总结
  6. C++基础和STL,Effective C++笔记
  7. Java 继承和访问控制
  8. 创建、编译、执行 java程序
  9. LintCode-35.翻转链表
  10. 3DMAX贴图无法显示