当前位置:96看吧 > 实用代码 > jQuery插件 > jQuery.iDialog.js弹窗对话框插件

jQuery.iDialog.js弹窗对话框插件

时间:2014/03/16
作者:MaWendong.CN
来源:互联网
查看:
标签:jquery插件

jquery.iDialog.js介绍

特点:jquery.iDialog.js依赖于jquery编写的简单易用的对话框,同时还可以通过添加css3,改变对话框的展现动画。 提供了两个方法:

  • 1、拖拽函数 iDrag() 或 $.drag();
  • 2、对话框函数 iDialog() 或 $.dialog();

跨平台兼容:

兼容:IE6+、Firefox、Chrome等主流浏览器(其它暂时没条件测试)。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件。

渐进增强的体验:确保IE家族功能完善的前提下,现代浏览器适当的添加css3增强体验,如阴影、圆角、和scale show、super scale show 、right slide show动画,动画亦可自己修改css文件进行扩展。

丰富的接口:

1.$.drag()函数,提供了拖拽范围设置,拖拽前,拖拽过程,拖拽结束的回调函数; 2.$.dialog()函数,提供了css3展示特效、大小、位置、显示、关闭和外部访问接口等,更多参考后面的API。

快速入门:

  1. <script src="lib/js/jquery-1.8.3.min.js"></script> 
  2. <script src="lib/js/jquery.iDialog.js" dialog-theme="default"></script> 
  • jquery.iDialog.js是依赖jquery实现的,所以加载它之前必须加载jQuery;
  • dialog-theme="default"表示将自动加载default.css样式表;
  • default.css必须保存在theme文件夹里,且该文件夹与jquery.iDialog.js需在同一目录下。

作者网站:http://dreamback.github.io/idialog/

下载地址:https://github.com/dreamback/idialog/archive/gh-pages.zip

本站下载:http://www.96kb.com/tool/idialog/idialog.zip

上一篇:jQuery图片相册手风琴插件
下一篇:无
演示地址
Demo
下载地址
Down
页面举报
Report
关闭页面
Close
收藏页面
Favorites
分享页面
Share
版权信息:栏目内,站内会员所分享的全部“资源/素材/文章”,仅供学习与参考,版权为原作者所有。
下载提示:非注册用户每天可下载一个文件,已注册会员不受限制。
网友评论
数据载入中
验证码
  • 请您注意:
  • ·请不要在评论中含与内容无关的广告链接。
  • ·不良评论请用报告管理员,以利管理员及时删除。
  • ·遵守中华人民共和国的各项有关法律法规
  • ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • ·本站管理人员有权保留或删除评论中的任意内容
  • ·您在本站发表的作品,本站有权在网站内转载或引用
  • ·参与本评论即表明您已经阅读并接受上述条款
相关最新
相关热门