jQuery Mobile 頁面過渡

     可選擇頁面打開方式的css效果 (即如何從一頁過渡到下一頁的效果)

    使用:<a href="#anyLink"  data-transition="slide">滑動到頁面二</a> 

              fade:淡入淡出到下一頁(所有鏈接上的默認效果)

              flip:從後向前翻動到下一頁

              flow:拋出當前頁面,引入下一頁

              pop:像彈出窗口那樣轉到下一頁

              slide:從右向左滑動到下一頁

              slidefade:從右向左滑動並淡入到下一頁

              slideup:從下到上滑動到下一頁

              slidedown:從上到下滑動到下一頁

              turn:轉向下一頁

              none:無過渡效果 

      上述過渡效果支持反向動作: data-direction="reverse"

             e.g.   

              <a href="#page2"  data-transition="slide"  data-direction="reverse">slide的反向效果,即從左向右滑動到下一頁</a>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章