youzheng
/
index.html

<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>米袋</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--标准mui.css-->
		<link href="css/mui.min.css" rel="stylesheet" />
		<!--App自定义的css-->
		<link rel="stylesheet" href="css/indexLayout.css" />
		<!--App默认样式-->
		<link rel="stylesheet" href="css/default.css" />
		<!--引人jquery-->
		<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
		<script type="text/javascript" src="js/nav.js"></script>
	</head>

	<body>
		<!--轮播图-->
            <div class="mui-slider">
                <!--轮播图片-->
                <div class="mui-slider-group mui-slider-loop">
                    <!--支持循环，需要重复图片节点-->
                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="#">
                            <img src="image/slider2.jpg" />
                        </a>
                    </div>

                     <div class="mui-slider-item">
                         <a href="#">
                             <img src="image/slider1.jpg" />
                         </a>
                     </div>
                     <div class="mui-slider-item">
                        <a href="#">
                            <img src="image/slider2.jpg" />
                        </a>
                    </div>

                        <!--支持循环，需要重复图片节点-->
                        <div class="mui-slider-item mui-slider-item-duplicate">
                         <a href="#">
                             <img src="image/slider1.jpg" />
                         </a>
                     </div>
                </div>

                <!--显示圆点-->
                <div class="mui-slider-indicator">
                     <div class="mui-indicator mui-active"></div>
                     <div class="mui-indicator"></div>
                </div>
            </div>
            <!--类容-->
            <div class="homePage-conter">
            	<div class="homePage-itme">
            		<a href="activity.html">
            		<img src="image/item1.png" />
            		</a>
            	</div>
            	<div class="homePage-itme">
            		<a href="gameCenter.html">
            		<img src="image/item2.png" />
            		</a>
            	</div>
            </div>
            <!--占位-->
            <div class="sated"></div>
            	<!--底部导航-->
	<!--<div class="footer-nav">
		<div class="nav-item">

		</div>
	</div>-->
	<!--导航-->

            <div class="bottonNav nav-cont" id="navCont">
            	<a href="index.html" class="nav-cont-itme" >
            		<img src="icon/shouye.png" class="navImg"/>
            		<span>首页</span>
            	</a>
            	<a href="activity.html" class="nav-cont-itme" >
            		<img src="icon/huodong.png" class="navImg"/>
            		<span>活动</span>
            	</a>
            	<a href="gameCenter.html" class="nav-cont-itme" >
            		<img src="icon/youxi.png" class="navImg"/>
            		<span>游戏</span>
            	</a>
            	<a href="shoppingMall.html" class="nav-cont-itme" >
            		<img src="icon/shangcheng.png" class="navImg"/>
            		<span>商城</span>
            	</a>
            	<a href="inforCenter.html" class="nav-cont-itme" >
            		<img src="icon/wode.png" class="navImg"/>
            		<span>我的</span>
            	</a>
            </div>
         <script src="js/mui.min.js"></script>
		<script type="text/javascript">
		mui.init({
                swipeBack:false //启用右滑关闭功能
            });
      	//轮播图
      	var gallery = mui('.mui-slider');
					gallery.slider({
					  interval:1000//自动轮播周期，若为0则不自动播放，默认为0；
					});

		</script>
	</body>

</html>