拷贝了mui上面的案例，代码如下，但是实现不了左右轮播的效果，请指导下，谢谢～
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
</script>
</head>
<body>
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="http://dcloudio.github.io/mui/assets/img/yuantiao.jpg">
</a>
<p class="mui-slider-title">
静静看这世界
</p>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="http://dcloudio.github.io/mui/assets/img/shuijiao.jpg">
</a>
<p class="mui-slider-title">
幸福就是可以一起睡觉
</p>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="http://dcloudio.github.io/mui/assets/img/muwu.jpg">
</a>
<p class="mui-slider-title">
想要一间这样的木屋，静静的喝咖啡
</p>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="http://dcloudio.github.io/mui/assets/img/cbd.jpg">
</a>
<p class="mui-slider-title">
Color of SIP CBD
</p>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="http://dcloudio.github.io/mui/assets/img/yuantiao.jpg">
</a>
<p class="mui-slider-title">
静静看这世界
</p>
</div>
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="http://dcloudio.github.io/mui/assets/img/shuijiao.jpg">
</a>
<p class="mui-slider-title">
幸福就是可以一起睡觉
</p>
</div>
</div>
<div class="mui-slider-indicator mui-text-right">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
</body> </html>
0 个回复