jquery-mobile制作的手机网站

最新推荐文章于 2016-12-06 12:47:48 发布

quweiie

最新推荐文章于 2016-12-06 12:47:48 发布

阅读量2.9k

点赞数 1

分类专栏： Jquery 文章标签： JQuery mobile 手机网站手机wap

本文链接：https://blog.csdn.net/quweiie/article/details/15506113

版权

Jquery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>郑州云峰</title>
<link href="css/jquery.mobile-1.3.2.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
<script src="js/simplefoucs.js" type="text/javascript"></script>
</head>

<body>
<div data-role="page">
  <div data-role="header" style="text-align:center">郑州云峰</div>
  <div data-role="navbar" data-grid="d">
    <ul>
      <li><a class="ui-btn-active" href="default.asp">首页</a></li>
      <li><a href="about.asp">关于我们</a></li>
      <li><a href="product.asp">产品介绍</a></li>
      <li><a href="case.asp">案例展示</a></li>
      <li><a href="contact.asp">联系我们</a></li>
    </ul>
  </div>
  <div data-role="content">
    <div class="bannerbox">
      <div id="focus">
        <ul>
            <li><a href="http://www.lanrentuku.com/" target="_blank">
                <img src="images/bn1.jpg" alt="" /></a></li>
            <li><a href="http://www.lanrentuku.com/" target="_blank">
                <img src="images/bn2.jpg" alt="" /></a></li>
            <li><a href="http://www.lanrentuku.com/" target="_blank">
                <img src="images/bn3.jpg" alt="" /></a></li>
            <li><a href="http://www.lanrentuku.com/" target="_blank">
                <img src="images/bn4.jpg" alt="" /></a></li>
        </ul>
    </div>
    </div>
    <div style="text-indent:15px;">郑州云峰</div>
  </div>
  <div data-role="footer">
    Tel:0371-65574133
    Addr:郑州市商务外环
  </div>
</div>
</body>
</html>