jqModal

  JqModal 是jQuery的一个插件,用来在web浏览器中显示自定义通告,对话框和模型窗口。它的灵活和小巧类似于一把瑞士军刀,而且它为通用窗口框架奠定了基础。

特征:

1,  设计友好:使用HTML+CSS布局和设置样式

2,  翻译者/i18n 友好—没有硬编码的字符串

3,  开发者友好—通过调用方法进行扩展,使任何事变为可能

 4,  多模型支持

5,  支持拖拽和重定义大小

6,  支持远程加载窗口内容(ajax和iframes)

Current Version: 2008.06.22 +r12 Download the Plugin (jqModal.js - 3.01k) [jQuery >= 1.1.3.1+] Download the Styling (jqModal.css - 496 bytes)

用法

通常情况下,如果你想在你的网站上添加弹出式对话框、框架、窗口或你拥有的任何可以添加的内容,你必须: 1,  添加dialog placeholder(占位符)到你的网页 dialog placeholder(占位符)通常是隐藏的作为<body>元素子元素的<div>容器。CSS用来设计样式和位置。对话框在触发事件发生时显示(“shown”).它的内容(信息/图片/..)是内嵌在html中的或者通过ajax添加。

2,  初始化对话框每个对话框通过使用$.jqm()显示时都会调用JqModal 。你可以通过传递参数自定义你的对话框,例如:$('#dialog').jqm({modal: true, trigger: 'a.showDialog'});). 注意:$.jqm()只能被调用一次,在每个对话框使用时。尽管可以重复调用以修改参数。

3,  触发对话框当触发事件发生时,对话框会自动显示,你也可以通过执行$.jqmShow()方法来显示对话框

常用方法:   

Jqm    初始化元素以使作为JqModal使用,接受传递的参数    $('#dialog').jqm();    $('.dialogs').jqm({ajax:'@href',modal:true});   

JqmShow    显示jqModal元素    $('#dialog').jqmShow();    $('.dialogs').jqmShow();   

jqmHide    隐藏jqModal元素    $('#dialog').jqmHide();    $('.dialogs').jqmHide();

详细资料察看:http://dev.iceburg.net/jquery/jqModal/    

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值