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

jQuery smooth rotation slide effect code sharing_jquery

WBOY
Release: 2016-05-16 15:40:24
Original
1667 people have browsed it

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>
Copy after login

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}

Copy after login

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

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template