图片旋转木马

图片旋转木马

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

淘建站为您提供更多_图片代码_图片轮播_旋转_旋转木马,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 114 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:图片代码 > 图片轮播 难易程度:

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

<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">

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/958.html
图片旋转木马 希望对你有帮助,感谢您的支持!
  • jquery masonry瀑布流插件制作图片瀑布流布局代码

    jquery masonry瀑布流插件制作图片瀑布流布局代码

  • js精彩图片瀑布流布局

    js精彩图片瀑布流布局

  • html5 modernizr图片瀑布流布局点击弹出图片滑动预览

    html5 modernizr图片瀑布流布局点击弹出图片滑动预览

  • 一张图片的动画效果的演示

    一张图片的动画效果的演示

  • html5鼠标悬停叠加图片弹性动画特效

    html5鼠标悬停叠加图片弹性动画特效

  • 纯css3简单旋转风车动画特效

    纯css3简单旋转风车动画特效

  • 酷炫html5图片组合动画效果代码

    酷炫html5图片组合动画效果代码

  • css3 svg地球旋转动画特效

    css3 svg地球旋转动画特效

  • 纯css3旋转3D立方体多边形动画特效

    纯css3旋转3D立方体多边形动画特效

  • html5 canvas炫酷的万花筒旋转动画特效

    html5 canvas炫酷的万花筒旋转动画特效

  • 纯css3旋转的摩天轮动画特效

    纯css3旋转的摩天轮动画特效

  • css3 animation旋转的摩天轮动画特效

    css3 animation旋转的摩天轮动画特效

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2