Home >Web Front-end >JS Tutorial >jQuery smooth rotation slide effect code sharing_jquery

jQuery smooth rotation slide effect code sharing_jquery

WBOY
WBOYOriginal
2016-05-16 15:40:241665browse

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}

The above is the jQuery smooth rotation slide effect code shared with you. I hope you can like it and apply it in practice.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn