图片旋转木马

收藏

图片动画旋转木马，带左右按钮和自动轮播，后面两张带遮罩。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

图片动画旋转木马，带左右按钮和自动轮播，后面两张带遮罩。

<div class="container">
	<div class="pictureSlider poster-main" data-setting='{"width":1000,"height":350,"posterWidth":540,"posterHeight":350,"scale":0.8,"autoPlay":true,"delay":2000,"speed":300}'>
		<div class="poster-btn poster-prev-btn"></div>
		<ul class="poster-list">
    			<li class="poster-item"><a href="#"><img src="images/270.jpg" width="100%" height="100%"></a></li>
			<li class="poster-item"><a href="#"><img src="images/271.jpg" width="100%" height="100%"></a></li>
			<li class="poster-item"><a href="#"><img src="images/272.jpg" width="100%" height="100%"></a></li>
			<li class="poster-item"><a href="#"><img src="images/273.jpg" width="100%" height="100%"></a></li>
			<li class="poster-item"><a href="#"><img src="images/274.jpg" width="100%" height="100%"></a></li>
			
		</ul>
		<div class="poster-btn poster-next-btn"></div>
	</div>
</div>

<script type="text/javascript" src="js/carousel.js"></script>
<script>
	$(function(){
		Carousel.init($(".pictureSlider"));
	});
</script>

<link type="text/css" rel="stylesheet" href="style/carousel.css">