zoukankan      html  css  js  c++  java
  • jQueryMobile (一) :教程

    1、安装,引用本地文件或百度cdn:

    <head>
    
    <!-- meta使用viewport以确保页面可自由缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- 引入 jQuery Mobile 样式 -->
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
    
    <!-- 引入 jQuery 库 -->
    <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    
    <!-- 引入 jQuery Mobile 库 -->
    <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    
    </head>
    

    2、基本结构

              data-role = “page”  id="pageXX" --------  data-role = ‘header’

                                                      data-role = ‘main’  class="ui-content"

                                                     data-role = ‘footer’

    3、对话框 :

             data-dialog = 'true'

    4、过渡:

              页面过渡效果/页面切换效果: data-transition

               1 <a href="#pageOne" data-transition="flip">切换到下一页</a> 

              data-transition = "fade (默认) | flip | flow | pop | slide | slidefade | slideup | slidedown | turn | none"

              所有效果都支持后退行为。默认从右向左滑动,如果想从左向右滑动,加属性:

              data-direction = “reverse”

    5、按钮:

               <button></button>       <input type="button">  <a data-role="button">

  • 相关阅读:
    LVM详解
    redis数据类型
    radis数据库安装
    POJ3294 Life Forms 【后缀数组】
    BZOJ1076 [SCOI2008]奖励关 【状压dp + 数学期望】
    POJ2774 Long Long Message 【后缀数组lcp】
    POJ2406 Power Strings 【KMP 或 后缀数组】
    POJ3261 Milk Patterns 【后缀数组】
    BZOJ3289 Mato的文件管理 【莫队 + 树状数组】
    BZOJ2460 [BeiJing2011]元素 【线性基】
  • 原文地址:https://www.cnblogs.com/cuihuale/p/6478286.html
Copyright © 2011-2022 走看看