分享一个JQuery弹出层插件

一个很好用的JQuery弹出效果
服务器君一共花费了361.946 ms进行了4次数据库查询,努力地为您提供了这个页面。
试试阅读模式?希望听取您的建议

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 弹出层附加样式名 可不填

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

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

本文地址:http://www.nowamagic.net/librarys/veda/detail/359,欢迎访问原出处。

不打个分吗?

转载随意,但请带上本文地址:

http://www.nowamagic.net/librarys/veda/detail/359

如果你认为这篇文章值得更多人阅读,欢迎使用下面的分享功能。
小提示:您可以按快捷键 Ctrl + D,或点此 加入收藏

大家都在看

现代魔法研究协会欢迎你

阅读一百本计算机著作吧,少年

很多人觉得自己技术进步很慢,学习效率低,我觉得一个重要原因是看的书少了。多少是多呢?起码得看3、4、5、6米吧。给个具体的数量,那就100本书吧。很多人知识结构不好而且不系统,因为在特定领域有一个足够量的知识量+足够良好的知识结构,系统化以后就足以应对大量未曾遇到过的问题。

奉劝自学者:构建特定领域的知识结构体系的路径中再也没有比学习该专业的专业课程更好的了。如果我的知识结构体系足以囊括面试官的大部分甚至吞并他的知识结构体系的话,读到他言语中的一个词我们就已经知道他要表达什么,我们可以让他坐“上位”毕竟他是面试官,但是在知识结构体系以及心理上我们就居高临下。

所以,阅读一百本计算机著作吧,少年!

《C程序设计语言(第2版新版)》 克尼汉 (作者), 等 (作者, 译者), 徐宝文 (译者)

《C程序设计语言》(第2版新版)是由C语言的设计者Brian W.Kernighan和Dennis M.Ritchie编写的一部介绍标准C语言及其程序设计方法的权威性经典著作。全面、系统地讲述了C语言的各个特性及程序设计的基本方法,包括基本概念,类型和表达式、控制流、函数与程序结构、指针与数组、结构、输入与输出、UNIX系统接口、标准库等内容。

更多计算机宝库...