zoukankan      html  css  js  c++  java
  • jQueryMobile控件之页面切换

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
    
        <title>页面跳转</title>
        <script src="../jquery-2.2.4.min.js"></script>
        <script src="jquery.mobile-1.4.5.min.js"></script>
        <link type="text/css" rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
    </head>
    <body>
    
    <div data-role="page"  id="page_one">
        <div data-role="header" data-position="fixed"><h1>这是头部</h1></div>
        <div role="main" class="ui-content">
            <!--页面跳转通过href来,和原来的html没什么区别,可以指定跳转动画-->
            <a href="#page_two" data-transition="flip" >跳转下一页</a>
            <p>这是内容部分</p>
        </div>
        <div data-role="footer" data-position="fixed">
            <h1>这是底部</h1>
        </div>
    </div>
    
    <div data-role="page" id="page_two">
        <div data-role="header" data-position="fixed" ><h1>这是头部</h1></div>
        <div role="main" class="ui-content">
            <a href="#page_one">返回</a>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
            <p>这是内容部分</p>
    
        </div>
        <div data-role="footer" data-position="fixed">
            <h1>这是底部</h1>
        </div>
    </div>
    </body>
    </html>
    

      

  • 相关阅读:
    反射遍历实体类
    Socket通讯实例-基本Socket
    c#向数据库插入较大数据(SqlBulkCopy)
    C#中(int)、int.Parse()、int.TryParse()和Convert.ToInt32()的区别
    jquery实现限制textarea输入字数
    jquery回车执行某个事件
    asp.net自定义404页面
    iis上json解析失败404
    echart 扩展地图不显示问题
    bootstarp 样式细节(tooltip布局)
  • 原文地址:https://www.cnblogs.com/yqlog/p/5596368.html
Copyright © 2011-2022 走看看