穿布鞋的coder
穿布鞋的coder
  • 发布:2015-07-14 11:11
  • 更新:2015-07-14 11:11
  • 阅读:2948

使用mui滚动图片的效果实现app引导图

分类:MUI

代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蛤喇 |引导页</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--标准mui.css-->
<link rel="stylesheet" href="css/mui.min.css">
<!--App自定义的css-->
<link rel="stylesheet" type="text/css" href="css/app.css"/>
</head>

<body>  
    <div class="mui-content">  
        <div id="slider" class="mui-slider">  
            <div class="mui-slider-group mui-slider-right">  
                <div class="mui-slider-item">  
                    <img src="images/guide/g1.JPEG" height="100%">  
                </div>  
                <div class="mui-slider-item">  
                    <img src="images/guide/g2.JPEG" height="100%">  
                </div>  
                <div class="mui-slider-item">  
                    <img src="images/guide/g3.JPEG" height="100%">  
                </div>  
                <div class="mui-slider-item">  
                    <img src="images/guide/g4.JPEG" height="100%">  
                </div>  
            </div>  
            <div class="mui-slider-indicator mui-text-center">  
                <div class="mui-indicator mui-active"></div>  
                <div class="mui-indicator"></div>  
                <div class="mui-indicator"></div>  
                <div class="mui-indicator"></div>  
            </div>  
        </div>  
    </div>  
</body>  
<script src="js/mui.min.js"></script>  

</html>
未做:
1.只有应用第一次被加载时显示;

  1. 最后一页点击事件,进入主页面;
2015-07-14 11:11 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复