下载此文档

jQueryMobile弹出窗弹出层知识汇总jquery.doc


文档分类:IT计算机 | 页数:约5页 举报非法文档有奖
1/5
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/5 下载此文档
文档列表 文档介绍
jQuery Mobile弹出窗、弹出层知识汇
先创建一个窗体
<div data~role二〃popup" id=〃popupView〃 class二〃ui-content〃 data-over lay-theme =〃 b〃 date-1. 3. 2. min. js〃> </script>
</head>
<body>
<div data-role=〃page" id=〃pageone〃>
<a href=〃#popupBasic〃 data-rel=〃popup" class=〃ui-btn ui-corner-all ui-shadow ui-btn-inline" data-transition二〃pop〃>点击我弹出层〈/a>
<div data-role=〃popup" id=〃popupBasic〃>
〈P>弹出层测试〈/p>
</div>
</div>
</body>
</html>
工具提示可以通过添加一个主题创建样本基本通过ui-content弹出并添加填充
A tooltip can be created by adding a theme swatch to a basic popup and adding padding via the ui-content class.
<p>A paragraph with a tooltip. <a href=〃#popuplnfo〃 data~rel二〃popup” data-transition=〃pop〃 class二〃my-tooltip-btn ui~btn ui-alt-icon ui-nodisc-icon ui-btn-inline ui-icon-info ui-btn-icon-notext^ title=〃Learn more〃>Learn more</a></p>
<div data-role=〃popup" id=〃popuplnfo" class=〃ui-content" data-theme=〃 style=〃max-width:350px;〃>
<p>Here is a <strong>tiny popup</strong> being used like a tooltip. The text will wrap to multiple lines as needed. </p>
</div>
提示信息实例
<!DOCTYPE html>
<html>
<head>
<link rel=zzstylesheet^
href=z"http://code, jquery. com/mobile/1. 3. 2/jquery. mobile-1. 3. 2. min. css 〃>
<script src=,zhttp://code, jquery. com/jquery-1. 8. 3. min. js^X/script> <script
src=,/http://code, jquery. com/mobile/1. 3. 2/jquery. mobile-1. 3. 2. min. js〃> </script>
</head>
<body>
<div data-role=〃page" id二

jQueryMobile弹出窗弹出层知识汇总jquery 来自淘豆网www.taodocs.com转载请标明出处.

非法内容举报中心
文档信息
  • 页数5
  • 收藏数0 收藏
  • 顶次数0
  • 上传人小健
  • 文件大小85 KB
  • 时间2022-05-20