HTML5程序设计-jQuery程序设计.pptVIP

6．jQerval属性 使用jQerval属性可以设置动画的显示帧速。单位为100ms。 7．jQuery.fx.off属性 将jQuery.fx.off属性设置为true可以全局性地关闭所有动画(所有效果会立即执行完毕)，将其设成false之后，可以重新开启所有动画。 在下面的情况下，可能需要使用jQuery.fx.off属性关闭所有动画： ? 在配置比较低的电脑上使用jQuery； ? 由于动画效果而遇到了 可访问性问题。 14.7 jQuery Mobile 1．引用jQuery Mobile官网的在线脚本 2．引用本地的jQuery Mobile脚本 3．页面设计 4．按钮设计 1．引用jQuery Mobile官网的在线脚本 可以从jQuery Mobile官网引用在线的jQuery Mobile脚本和CSS文件。引用在线jQuery Mobile脚本的方法如下： script src=/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js/script 引用官网jQuery在线CSS文件的方法如下： link rel=stylesheet href=/mobile/1.4.5/jquery.mobile-1.4.5.min.css 2．引用本地的jQuery Mobile脚本 要引用本地jQuery Mobile脚本，首先就要访问下面的网址下载jQuery Mobile开发包： /download.html 下面是完整的引用jQuery Mobile脚本和CSS文件的代码： head link rel=stylesheet href=/mobile/1.4.5/jquery.mobile-1.4.5.min.css / script src=/jquery-latest.js/script script src=/mobile/1.4.5/jquery.mobile-1.4.5.min.js/script /head 【例14-54】 !DOCTYPE html html head titlejQuery例子/title meta name=viewport content=width=device-width, initial-scale=1 link rel=stylesheet href=/mobile/1.2.1/jquery.mobile-1.2.1.min.css / script src=/jquery-1.8.3.min.js/script script src=/mobile/1.2.1/jquery.mobile-1.2.1.min.js/script /head body ? div data-role=page div data-role=header h1Hello world/h1 /div!-- /页头 -- div data-role=content pI am jQuery./p /div!-- /内容 -- div data-role=footerp页脚信息./p/div!-- /页脚 -- /div!-- / /body /html data-role属性的可能取值 取 值 说 明 page 页面 header 页头 content 内容 footer 页脚 浏览【例14-54】的结果 3．页面设计 在页面中使用超链接跳转到其他页面。例如，单击下面的超链接可以跳转到id等于two的页面。 a href=#two data-role=button跳转到页面2/a 接上 div id=log/div div id=box1 class=boxlinear/div div id=box2 class=boxswing/div script $(#btn1).click(function() { function complete() { $(div/).text(this.id).appendTo(#log); } $(#box1).fadeOut(1600, linear, complete); $(#box2).fadeOut(1600, complete); }); $(#btn2).click(function() { $(div).show(); $(#log).empty(); }); /script /body 浏览【例14-47】的结果 3．fadeTo()方法 使用fadeTo()方法可以直接调节HTML元素的透明度，语法如下： fadeTo( duration,