jQuery平滑旋转幻灯片特效代码分享

本文实例讲述了jQuery平滑旋转幻灯片特效。分享给大家供大家参考。具体如下：这一款基于jQuery实现平滑旋转幻灯片代码，效果超酷，场面相当震撼；图片大小和颜色自定义请修改jQuery-jcImgScroll.js。运行效果图： - 查看效果下载源码-

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式js。关键代码：

脚本src=' http : js/jQuery-1。7 .1 .js ' language=' JavaScript ' type=' text/JavaScript '/script script src=' http : js/jQuery-easing。js ' language=' JAVAScript ' type=' text/JAVAScript '/script script src=' http : js/jQuery-jcimgscroll。js ' language=' JavaScript ' type=' text '-$(function(){ $(' # demo 1 ')).jcImgScroll({ })；$('#demo2 ').jcImgScroll({ count : 7 })；$('#demo3 ').jcImgScroll({ arrow : { width :110，height:342，x:220，y:0 }，count : 3，offsetX : 140，NumBtn : true，title : false })；});-/脚本为大家分享的jQuery平滑旋转幻灯片代码如下

headtitlejQuery平滑旋转幻灯片代码/titlestyle！- /* jQuery jcImgScroll css */.jcImgScroll {位置：相对；高度：342px}。李{边框：1 px实心# CCC}.jcImgScroll阿利{ background: # fff显示：块；高度：340 px}.李。正在加载{ background : # fff URL(img/loading。gif)无重复中心；} .jcImgScroll li，img .jcImgScroll，li .jcImgScroll，em .jcImgScroll dl { display :无；border:0无；}.jcImgScroll em。sprev {背景： URL(图像/箭头-左。巴布亚新几内亚)不重复左中；}.jcImgScroll em。snext {背景： URL(图片/箭头-右)。巴布亚新几内亚)不重复右中；}.jcImgScroll dl DD { background : URL(images/numbtn。png)不重复0底部；text-缩进：-9em；}.jcImgScroll dl dd:hover .jcImgScroll dl DD。curr {背景-位置：0 0；}-/style脚本src=' http : js/jQuery-1。7 .1 .js ' language=' JavaScript ' type=' text/JavaScript '/script script src=' http : js/jQuery-easing。js ' language=' JAVAScript ' type=' text/JAVAScript '/script script src=' http : js/jQuery-jcimgscroll。js ' language=' JavaScript '-$(function(){ $(' # demo 1 ')).jcImgScroll({ })；$('#demo2 ').jcImgScroll({ count : 7 })；$('#demo3 ').jcImgScroll({ arrow : { width :110，height:342，x:220，y:0 }，count : 3，offsetX : 140，NumBtn : true，title : false })；});-/剧本/床头柜！-代码开始-div id=' demo 1 ' class=' jcImgScroll ' ul lia href='//www .JB 51。net/' target=' _ blank '路径=' images/01。jpg ' title='我们www .JB 51。net/a/Li liaJB 51。net/' target=' _ blank '路径=' images/02。jpg ' title='我们www .JB 51。net/a/Li liaJB 51。net/' target=' _ blank '路径=' images/03。jpg ' title='我们www .JB 51。net/a/Li liaJB 51。net/' target=' _ blank '路径=' images/04。jpg ' title='我们www .JB 51。net/a/Li liaJB 51。net/' target=' _ blank '路径=' images/05。jpg ' title='我们www .JB 51。net/a/Li liaJB 51。net/' target=' _ blank ' path=' images/06。jpg ' title='我们www .JB 51。net/a/Li liaJB 51。net/' target=' _ blank '路径=' images/07。jpg ' title='我们www.jb51.net'/a/li /ul /div！-代码结束-div style=' text-align : center ' p { download }/PP { content }/PP { Google _ 729 x90 }/p/div/body/html以上就是为大家分享的jQuery平滑旋转幻灯片特效代码，希望大家可以喜欢，并应用到实践中。