The example in this article describes the jQuery smooth rotating slide effect. Share it with everyone for your reference. The details are as follows:
This code is based on jQuery to implement a smooth rotating slideshow. The effect is super cool and the scene is quite shocking. To customize the image size and color, please modify jQuery-jcImgScroll.js.
运行效果图: -------------------查看效果 下载源码----------- --------
Tips: If the browser does not work properly, you can try switching the browsing mode.
js key code:
<script src="js/jQuery-1.7.1.js" language="javascript" type="text/javascript"></script> <script src="js/jQuery-easing.js" language="javascript" type="text/javascript"></script> <script src="js/jQuery-jcImgScroll.js" language="javascript" type="text/javascript"></script> <script language="javascript" type="text/javascript"> <!-- $(function(){ $("#demo1").jcImgScroll({ }); $("#demo2").jcImgScroll({ count : 7 }); $("#demo3").jcImgScroll({ arrow : { width:110, height:342, x:220, y:0 }, count : 3, offsetX : 140, NumBtn : true, title:false }); }); --> </script>
The jQuery smooth rotating slideshow code shared with you is as follows
jQuery平滑旋转幻灯片代码 <script src="js/jQuery-1.7.1.js" language="javascript" type="text/javascript"></script> <script src="js/jQuery-easing.js" language="javascript" type="text/javascript"></script> <script src="js/jQuery-jcImgScroll.js" language="javascript" type="text/javascript"></script> <script language="javascript" type="text/javascript"> <!-- $(function(){ $("#demo1").jcImgScroll({ }); $("#demo2").jcImgScroll({ count : 7 }); $("#demo3").jcImgScroll({ arrow : { width:110, height:342, x:220, y:0 }, count : 3, offsetX : 140, NumBtn : true, title:false }); }); --> </script>{download}
{content}
{google_729x90}