- 1、本文档共26页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
T27jQuery插件jqModal应用详解(北风网收费视频PPT)
目录 jQuery jqModal插件简介 jQuery jqModal插件使用 jqModal是什么? JqModal 是jQuery的一个插件,用来在web浏览器中显示自定义通告,对话框和模型窗口。它的灵活和小巧类似于一把瑞士军刀,而且它为通用窗口框架奠定了基础。 特征: 1, 设计友好:使用HTML+CSS布局和设置样式 2, 翻译者/i18n 友好—没有硬编码的字符串 3, 开发者友好—通过调用方法进行扩展,使任何事变为可能 4, 多模型支持 5, 支持拖拽和重定义大小 6, 支持远程加载窗口内容(ajax和iframes) /jquery/jqModal/#examples jQuery jqModal插件使用1-Default step1:添加js与css link href=css/jqModal.css rel=stylesheet type=text/css / script src=scripts/jquery-1.3.2.min.js type=text/javascript/script script src=scripts/jqModal.js type=text/javascript/script script src=scripts/jqDnR.js type=text/javascript/script jQuery jqModal插件使用1 Step2:前台HTML a href=# class=jqModalview/a ... div class=jqmWindow id=dialog a href=# class=jqmCloseClose/a hr emREAD ME/em -- This is a vanilla plain jqModal window. Behavior and appeareance extend far beyond this. The demonstrations on this page will show off a few possibilites. I recommend walking through each one to get an understanding of jqModal embefore/em using it. /div jQuery jqModal插件使用1 前台JS script type=text/javascript $().ready(function() { $(#dialog).jqm(); }); /script 效果1 jQuery jqModal插件使用2 前台HTML: a href=# class=ex3bTriggerview/a (alert) ... div class=jqmAlert id=ex3b div id=ex3b class=jqmAlertWindow div class=jqmAlertTitle clearfix h1Did you know?/h1a href=# class=jqmCloseemClose/em/a /div div class=jqmAlertContent pPlease wait... img src=inc/busy.gif alt=loading //p /div /div /div jQuery jqModal插件使用2-Alert 前台JS $().ready(function() { var triggers = $(a.ex3bTrigger)[0]; $(#ex3b).jqm({ trigger: triggers, ajax: html/2.htm, target: div.jqmAlertContent, overlay: 0 }); // Close Button Highlighting. IE doesnt support :hover. Surprise? if ($.browser.msie) { $(div.jqmAlert .jqmClose) .hover( function() { $(this).addClass(jqmCloseHover); }, function() { $(this).removeClass(jqmCloseHover); }); } }); 效果2 jQuery jqModal插
您可能关注的文档
- ppt电子教案第十章编辑工作表.ppt
- PPT素材-3D小人-图片ppt模版课件(模板素材) .ppt.ppt
- pres5 电子支付功能的 最大化【实用资料】.ppt
- pres9 电子支付 的成功【实用资料】.ppt
- ProE模具设计基础教程 第5章 分型面设计及检测.ppt
- PPT精品-2008年中海地产苏州御湖熙岸地产项目整合企划推广策略92页-25页.ppt
- Project 2000 與 IT專案管理.ppt
- Project 2007实用教程中文版.ppt
- Protel99se教案.ppt
- Protel99SE入门培训教程.ppt
- 2023年部编版语文四年级上册暮江吟说课(优选3篇).pdf
- 2025年山东工程机械集团校园招聘模拟试题有答案.docx
- 2024年湖南省茶陵县施工员之设备安装施工基础知识考试必背200题题库(有一套).docx
- 部编版二年级语文上册《树之歌》PPT优质课件.pptx
- 2024年有关会计专业学生求职信集锦10篇.pdf
- 2025年山东工程机械集团校园招聘模拟试题附带答案详解推荐.docx
- 2024年福建省德化县施工员之设备安装施工基础知识资格考试题库大全A4版.docx
- 2025年医学高级职称-小儿外科学(医学高级)考试近5年真题荟萃附答案.docx
- 2025年山东德棉集团有限公司校园招聘模拟试题往年题考.docx
- 部编版二年级语文上册《日月潭》PPT精品课件.pptx
文档评论(0)