jQuery 弹出层插件(推举)_.docx
《jQuery 弹出层插件(推举)_.docx》由会员分享,可在线阅读,更多相关《jQuery 弹出层插件(推举)_.docx(11页珍藏版)》请在三一文库上搜索。
1、jQuery 弹出层插件(推举)_ 下面我就为大家带来一篇深化理解jQuery中的大事冒泡。我觉得挺不错的,现在分享给大家,也给大家做个参考。 最近在讨论弹出层插件时发觉网上许多插件功能很强大,同时插件也很浩大。在这里个人写了一个比较秀珍的弹出层插件。 jquery.popdialog.js $(function () $.fn.PopDialog = function (options) var defaults = Event: click, /触发响应大事 title: title, /弹出层的标题 type: text, /弹出层类型(text、容器ID、URL、Iframe) con
2、tent: content, /弹出层的内容(text文本、容器ID名称、URL地址、Iframe的地址) width: 500, /弹出层的宽度 height: 400, /弹出层的高度 scrollTop: 200, /层滑动的高度也就是弹出层时离顶部滑动的距离 isAuto: false, /是否自动弹出 time: 2021, /设置自动弹出层时间,前提是isAuto=true isClose: false, /是否自动关闭 timeOut: 2021 /设置自动关闭时间,前提是isClose=true ; var options = $.extend(defaults, option
3、s); $(body).prepend(div id=floatBoxBg/divdiv id=floatBox class=floatBoxdiv class=titleh4/h4span id=closeDialogX/span/divdiv class=content/div/div); var $this = $(this); /当然响应大事对象 var $blank = $(#floatBoxBg); /遮罩层对象 var $title = $(#floatBox .title h4); /弹出层标题对象 var $content = $(#floatBox .content); /
4、弹出层内容对象 var $dialog = $(#floatBox); /弹出层对象 var $close = $(#closeDialog); /关闭层按钮对象 var stc, st; if ($.browser.msie ($.browser.version = 6.0) !$.support.style) /推断IE6 $blank.css( height: $(document).height(), width: $(document).width() ); $close.live(click, function () $blank.animate( opacity: 0 , nor
5、mal, function () $(this).hide(); ); $dialog.animate( top: ($(document).scrollTop() - parseInt(options.height) + px , normal, function () $(this).hide(); ); if (st) clearTimeout(st); /清除定时器 if (stc) clearTimeout(stc); /清除定时器 ); $content.css(height, parseInt(options.height) - 70); /文本框绑定大事 $this.live(
6、options.Event, function (e) $title.html(options.title); switch (options.type) case url: /当类型是地址的时候 $content.ajaxStart(function () $(this).html(loading.); ); $.get(options.content, function (html) $content.html(html); ); break; case text: /当类型是文本的时候 $content.html(options.content); break; case id: /当类
7、型是容器ID的时候 $content.html($(# + options.content + ).html(); break; case iframe: /当类型是Iframe的时候 $content.html(iframe src= + options.content + width=100% height= + (parseInt(options.height) - 70) + px + scrolling=auto frameborder=0 marginheight=0 marginwidth=0/iframe); break; default: /默认状况下的时候 $content
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- jQuery 弹出层插件推举_ 弹出 插件 推举
链接地址:https://www.31doc.com/p-11619042.html