图片轮播

MUI HTML5

MUI

图片轮播

<ul class="mui-table-view mui-table-view-chevron">
	<li id="slider_switch" class="mui-table-view-cell">
		定时轮播
		<div class="mui-switch">
			<div class="mui-switch-handle"></div>
		</div>
	</li>
</ul>
<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>
		</div>
		<div class="mui-slider-item">
			<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/shuijiao.jpg"></a>
		</div>
		<div class="mui-slider-item">
			<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/muwu.jpg"></a>
		</div>
		<div class="mui-slider-item">
			<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/cbd.jpg"></a>
		</div>
		<div class="mui-slider-item">
			<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/yuantiao.jpg"></a>
		</div>
		<div class="mui-slider-item mui-slider-item-duplicate">
			<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/shuijiao.jpg"></a>
		</div>
	</div>
	<div class="mui-slider-indicator">
		<div class="mui-indicator mui-active"></div>
		<div class="mui-indicator"></div>
		<div class="mui-indicator"></div>
		<div class="mui-indicator"></div>
	</div>
</div>
// Only needed if you want to fire a callback
document.querySelector('#mySlider').addEventListener('slide', myFunction)