目前所在位置 目前所在位置
網頁文章 網頁文章

 

 http://203.64.42.73/mobilweb/users/10079702/20131126/20131126.htm

 

<html>

    <head>

        <title>20131126--</title>

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <meta name="apple-mobile-web-app-capable" content="yes">

<script src="vendors/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="vendors/jqm/1.3.0/jquery.mobile-1.3.0.min.css"/>

<script src="vendors/jqm/1.3.0/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="vendors/appcropolis-reset/app-reset.css"/>

<link rel="stylesheet" href="vendors/appcropolis-icons-set-a/icons-set-a.css"/>

<link rel="stylesheet" href="resources/css/20131126--.css" />

        <script src="resources/js/20131126--.js" type="text/javascript"></script>

    </head>

    <body>

<!-- page -->

<div id="20131126--" data-role="page" data-palette="">

<!-- header -->

            <div data-role="header" data-position="fixed">

                <h1>Custom Buttons</h1>

                <a href="#" data-role="button" data-theme="reset" class="ios black">Home</a>

                <a href="#" data-role="button" data-theme="reset" class="ios red">Edit</a>

            </div><!-- /header -->

<!-- subheader -->

<div class="subheader">    

        <select name="city" id="city" data-native-menu="false" data-theme="a" data-corners="false" data-icon="ls-arrow-d">

<option value="atlanta">atlanta</option>

<option value="boston">boston</option>

<option value="chicago">chicago</option>

<option value="chicago">kansas city</option>

<option value="chicago">los angeles</option>

<option value="new york">new york</option>

<option value="philadelphia">philadelphia</option>

<option value="philadelphia">san francisco</option>

</select>

</div><!-- /subheader -->

<!-- content -->

<div data-role="content" data-theme="a">

        <ul data-role="listview" data-inset="true">

         <li><a href="#">

             <img src="resources/images/金門.jpg">

             <h2>金門名產</h2>

                <p>貢糖、高粱酸白菜、海菜、良金豬肉乾、牛肉乾…</p>

                <p class="ui-li-aside">金門</p>

            </a></li>

         <li><a href="#">

             <img src="resources/images/台中.jpg">

             <h2>台中名產</h2>

                <p>大甲奶油酥餅、芋頭酥、鳳梨酥、鳳凰酥</p>

                <p class="ui-li-aside">台中</p>

            </a></li>

         <li><a href="#">

             <img src="resources/images/草湖.jpg">

             <h2>草湖</h2>

                <p>美方芋頭冰</p>

                <p class="ui-li-aside">草湖</p>

            </a></li>

         <li><a href="#">

             <img src="resources/images/319.jpg">

             <h2>319鄉特色名產</h2>

                <p>整塊芒果果肉、北港阿文蔴油、大芳壺底蔭油、宜蘭鴨賞、金棗蜜餞、淡水魚酥與鐵蛋</p>

                <p class="ui-li-aside">319台南</p>

        </a></li>

        </ul>

</div><!-- /content -->

<!-- footer -->

<div data-role="footer" data-position="fixed">

<!-- navbar -->

            <div data-role="navbar">

                <ul>

                    <li><a href="#" data-icon="doc">News</a></li>

                    <li><a href="#" data-icon="basket" class="ui-btn-active">Shop</a></li>

                    <li><a href="#" data-icon="rss">RSS</a></li>

                    <li><a href="#" data-icon="th-list">My List</a></li>

                    <li><a href="#" data-icon="export">Export</a></li>

                </ul>

            </div><!-- /navbar -->

</div><!-- /footer -->

 

</div><!-- /page -->

    </body>

</html>