今天计算中心真冷啊,中央空调还没修好,敲代码手都快冻下来了 啊
jQuery页面的许多功能效果都需要借助HTML5的新增标签和属性,因此创建的HTML页面必须符合HTML5页面规范,在文档的<head >和</head>标签之间需要依次添加jQuery Mobile的CSS样式表文件、jQuery基本框架文件和jQuery Mobile 插件文件。
一.jQuery页面实现多容器之间的链接。
1.简介
(1)内链接。将一个页面中的多个容器当做不同的页面,跳转用<a>实现,通过在<a>标签中设置href属性值为#加对应页面的id名称即可。例如: <a href="#page2">第二页</a>
(2)外链接。通过单击页面中的某个链接,跳转到另一个jQuery Mobile页面,而不是在同一个页面的不同区域跳转。在<a>标签中添加rel属性,设置为external,即可以表示链接是一个外链接。例如: <a href="x.html" rel="external">详情页面</a>
(3)页面跳转。在jQuery页面中,无论外链接还是内链接,都支持页面跳转过度的动画效果,只需要在<a>标签中添加data-transition属性设置即可。格式: <a href="链接地址" data-transition="slid | pop | slidup | slidedown | fade | flip ">对象</a>
data-transition属性的属性值说明如下:
slid:该属性为默认值,表示从右到左的滑动动画效果
pop:弹出页面的效果来打开链接页面
slidup:表示向上滑动的动画效果
slidedown:表示向下滑动的动画效果
fade:表示渐变褪色的效果
flip:表示当前页面飞出,链接页面飞入的效果。
2.练习
点击“第二页”链接之后:
2.链接外部jQuery Mobile页面
效果图:
点击关于我们之后,跳转到外部链接
3.弹出对话框
代码:
效果图: