day9--jqueryMobile

jQuery Mobile 是创建移动 web 应用程序的框架。适用于所有流行的智能手机和平板电脑。

  1. 移动端开发,首先应该加的代码:

意思是,固定页面尺寸和设备尺寸的缩放比例为1。

  1. jqueryMobile应用的结构:

  

欢迎访问我的主页

我是一名移动开发者!

页脚文本

  • data-role="page" 是显示在浏览器中的页面
  • data-role="header" 创建页面上方的工具栏(常用于标题和搜索按钮)
  • data-role="content" 定义页面的内容,比如文本、图像、表单和按钮,等等
  • data-role="footer" 创建页面底部的工具栏
  1. jqueryMobile可以在同一个文件中创建多个页面

  

如果不希望使用内部链接页面,可以使用外部文件:

转到外部页面
  1. data-rel="dialog",用户点击(轻触)链接时创建一个对话框。


  1. data-transition="slide",过渡效果,滑动。
滑动到页面二

jQuery Mobile 拥有一系列关于如何从一页过渡到下一页的效果。fade、flip、flow、pop、slide、slidefade、slideup、slidedown、turn、none
data-direction="reverse",反向操作,以上动作都支持。

滑动

你可能感兴趣的:(day9--jqueryMobile)