首页 > 代码库 > jQuery-mobile学习笔记

jQuery-mobile学习笔记

1.从一页过渡到另一页的效果 data-transition

1.slide:从右到左滑动

2slideup:向上滑动

3slidedown:向下滑动

4pop:弹出的效果

5fade:渐变褪色

6flip:旧页飞出,新页飞入

7none:没有效果

2Page 页面事件

页面第一次加载时依次执行以下三个事件

页面创建前:pagebeforecreate

页面创建时:pagecreate

页面创建后:pageinit

 

当每次发生页面过渡之时会一次触发以下事件

前一个页面消失:pagebeforehide

第一个页面正在消失:pagebeforeshow

第一个页面已经消失:pagehide

第二个页面已经显示:pageshow

 

 

按钮样式内置的类

ui-corner-all     圆角

ui-shadow    阴影

ui-btn-inline    并排显示

ui-btn-a    不同的样式白色

ui-btn-b    不同的样式黑色

导航栏

 

jQuery-mobile学习笔记