1 / 7
文档名称:

jquerymobile使用心得.docx

格式:docx   大小:159KB   页数:7页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

jquerymobile使用心得.docx

上传人:tanfengdao 2019/3/26 文件大小:159 KB

下载得到文件列表

jquerymobile使用心得.docx

相关文档

文档介绍

文档介绍:如何使用jquery_mobile添加jquery_mobile脚本添加:<linkhref="scripts/jquery_mobile/-"rel="stylesheet"type="text/css"/><scriptsrc="scripts/jquery_mobile/jquery-"type="text/javascript"></script><scriptsrc="scripts/jquery_mobile/-"type="text/javascript"></script>注意:在HTML5中脚本的“type="text/javascript"”属性不是必需的。JavaScript是HTML5以及所有现代浏览器中的默认脚本语言!jQueryMobile页面以div为单位data-role="page"是显示在浏览器中的页面data-role="header"创建页面上方的工具栏(常用于标题和搜索按钮)data-role="content"定义页面的内容,比如文本、图像、表单和按钮,等等data-role="footer"创建页面底部的工具栏提示:,可以添加任意HTML元素。HTML5中的data-*属性用于通过jQueryMobile为移动设备创建“对触控友好的”交互外观。以对话框形式打开一个页面<ahref="#pagetwo"data-rel="dialog">转到页面二</a>jQueryMobile过渡效果注意:如需实现过渡效果,浏览器必须支持CSS33D转换过渡效果可应用于任意链接或通过使用data-transition属性进行的表单提交:提示:在jQueryMobile中,淡入淡出效果在所有链接上都是默认的(如果浏览器支持)。提示:以上所有效果同时支持反向动作,例如,如果您希望页面从左向右滑动,而不是从右向左,请使用值为"reverse"的data-direction属性。在后退按钮上是默认的。jQueryMobile按钮jQueryMobile中的按钮可通过三种方法创建:使用<button>元素使用<input>元素使用data-role="button"的<a>,请使用data-role="button"的<a>元素:,按钮会占据屏幕的全部宽度。如果您需要按钮适应其内容,或者如果您需要两个或多个按钮并排显示,请添加data-inline="true":-role="controlgroup"属性与data-type="horizontal|vertical"一同使用,,请使用data-rel="back"属性jQueryMobile按钮图标为jQueryMobile按钮添加图标如需向您的按钮添加图标,请使用data-icon属性定位图标只显示图标如果只需显示图标,请将data-iconpos设置为"notext"(通常是首页、选项或搜索按钮)。您可以在页眉中向