图片轮换 滚动
jcarousellite是一款jQuery插件,可以控制文档元素滚动,丰富的参数设置可以控制滚动的更多细节,是一款不可多得的滚动插件,使用非常方便,目前支持jquery1.2和以上版本
官网:http://www.gmarwaha.com/jquery/jcarousellite/
btnPrev string 上一个按钮的class名, 比如 btnPrev: ".prev"
btnNext string 下一个按钮的class名, 比如 btnPrev: ".prev"
btnGo array 自定义滚动位置,类似幻灯片效果置,有选项卡,按照数组顺序,依次为按钮1按钮2按钮N,如以下,class名为1的按钮是第一个按钮:[".1", ".2"]
mouseWheel bool 鼠标滑是否可以轮控制上下滚动,可选:false,true,默认false
auto int 指定多少秒内容定期自动滚动。默认为空(null),是不滚动,如果设定的,单位为毫秒,如1秒为1000
speed int 滑动的速度,可以尝试800 1000 1500,设置成0将删除效果
easing string 缓冲效果名称,如:easing: "bounceout",需要jquery中的easing pluin(缓冲插件实现),只适用于jq1.2
vertical bool 是否垂直滚动,可选:false,true,默认false
circular bool 是否循环滚动,默认为true,如果为false,滚动到最后一个将停止滚动
visible int 可见数量,可以为小数,如2.5为2.5个li
start int 开始的地方,默认是0
scroll int 每次滚动的li数量
beforeStart func 滚动开始时回调的函数,可以传入对象参数 beforeStart: function(a) { alert("开始的对象是:" + a)}
afterEnd func 滚动结束时回调的函数,使用方法同上
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title jcarousellite图片滚动插件7种带按钮jquery图片滚动 /title meta name="description" content="jquery图片滚动用jcarousellite图片滚动插件制作7种带按钮的图片滚动效果总一种合适您,支持左右图片滚动、上下图片滚动、自动图片滚动。jquery插件、jquery插件 jquery下载。" / script type="text/javascript" src="http://www.jsfoot.com/skin/js/jquery.js" /script script type="text/javascript" src="http://www.gmarwaha.com/jquery/jcarousellite/js/jcarousellite_1.0.1.js" /script script type="text/javascript" src="http://gsgd.co.uk/js/jquery.easing.1.1.js" /script style type="text/css" body,ul,li,div{padding:0;margin:0;list-style-type:none;} a,img {border:none;} .clear {clear:both;display:block;} .carousel {width:625px; margin:30px auto;} .carousel .prev , .carousel .next {height:23px;width:23px;overflow:hidden;display:block;margin-top:40px;text-decoration:none;cursor:pointer;} .carousel .prev {float:left;background:url(images/imageNavLeft.gif) no-repeat;} .carousel .next {float:left;background:url(images/imageNavRight.gif) no-repeat;} .carousel #prev-03.disabled{background:url(images/imageNavLeft-disabled.gif) no-repeat;cursor:default;} .carousel #next-03.disabled{background:url(images/imageNavRight-disabled.gif) no-repeat;cursor:default;} .jCarouselLite {float:left;width:486px;height:152px;overflow:hidden;/*必要元素*/} .jCarouselLite li{height:152px;width:162px;text-align:center;} .jCarouselLite li img,.jCarouselLite-01 li img{border:solid 1px #ddd;} .carousel-01 {width:152px;margin:30px auto;} .carousel-01 .prev , .carousel-01 .next {height:23px;width:23px;overflow:hidden;display:block;margin-left:60px;text-decoration:none;cursor:pointer;} .carousel-01 .prev {background:url(images/imageNavLeft.gif) no-repeat;} .carousel-01 .next {background:url(images/imageNavRight.gif) no-repeat;} .jCarouselLite-01 {height:385px;width:152px;overflow:hidden;/*必要元素*/} .jCarouselLite-01 li{height:152px;width:152px;text-align:center;padding:5px 0;} /style /head body div a href="javascript:void(0);" id="prev-01" nbsp /a div id="demo-01" ul li a href="http://www.jsfoot.com/jquery/images/cj/2012-03-30/512.html" target="_blank" img height="150" width="150" alt="jquery图片滚动设置序号导航按钮和左右按钮控制单排图片滚动" src="http://www.jsfoot.com/d/file/jquery/images/cj/2012-03-30/smallc7fb1818b3a9ae6770422992d6df7b45.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-20/219.html" target="_blank" img height="150" width="150" alt="jquery flow 图片切换滚动插件 带分页索引按钮控制图片左右滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-20/smalld120ac28adc7863174531e90ca30fb35.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-19/217.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动 xslider 插件 按钮控制自动图片左右滚动、上下滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-19/small861fb36ea5b2491877623752f84c1297.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-18/189.html" target="_blank" img height="150" width="150" alt="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-18/small64e64c223150aacadf239d25c4f96440.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-05/167.html" target="_blank" img height="150" width="150" alt="jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-05/small60e10976234830bb2f715dc2b6438479.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-20/135.html" target="_blank" img height="150" width="150" alt="jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-20/smallcef595d06b263f623b878c41a9640f5b.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-15/124.html" target="_blank" img height="150" width="150" alt="jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-15/smallc2081239df287adc9fff1cf991e62b2e.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-07-26/82.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动特效制作 slide 图片类似窗帘式滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-07-26/smallbb276cedeaeb0438ed3275a9711b1d69.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-02-21/38.html" target="_blank" img height="150" width="150" alt="jquery 3D图片滚动一个漂亮的手机软件网站图片展示" src="http://www.jsfoot.com/d/file/jquery/items/2011-02-21/smallc9cfb68c13cbe925d3c9a03912f3b1de.jpg" / /a /li /ul /div a href="javascript:void(0);" id="next-01" nbsp /a div /div /div !--carousel end-- script type="text/javascript" $(document).ready(function(){ $(#demo-01).jCarouselLite({ btnPrev: #prev-01, btnNext: #next-01, visible:2 }); }); /script div a href="javascript:void(0);" id="prev-02" nbsp /a div id="demo-02" ul li a href="http://www.jsfoot.com/jquery/images/cj/2012-03-30/512.html" target="_blank" img height="150" width="150" alt="jquery图片滚动设置序号导航按钮和左右按钮控制单排图片滚动" src="http://www.jsfoot.com/d/file/jquery/images/cj/2012-03-30/smallc7fb1818b3a9ae6770422992d6df7b45.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-20/219.html" target="_blank" img height="150" width="150" alt="jquery flow 图片切换滚动插件 带分页索引按钮控制图片左右滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-20/smalld120ac28adc7863174531e90ca30fb35.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-19/217.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动 xslider 插件 按钮控制自动图片左右滚动、上下滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-19/small861fb36ea5b2491877623752f84c1297.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-18/189.html" target="_blank" img height="150" width="150" alt="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-18/small64e64c223150aacadf239d25c4f96440.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-05/167.html" target="_blank" img height="150" width="150" alt="jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-05/small60e10976234830bb2f715dc2b6438479.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-20/135.html" target="_blank" img height="150" width="150" alt="jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-20/smallcef595d06b263f623b878c41a9640f5b.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-15/124.html" target="_blank" img height="150" width="150" alt="jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-15/smallc2081239df287adc9fff1cf991e62b2e.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-07-26/82.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动特效制作 slide 图片类似窗帘式滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-07-26/smallbb276cedeaeb0438ed3275a9711b1d69.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-02-21/38.html" target="_blank" img height="150" width="150" alt="jquery 3D图片滚动一个漂亮的手机软件网站图片展示" src="http://www.jsfoot.com/d/file/jquery/items/2011-02-21/smallc9cfb68c13cbe925d3c9a03912f3b1de.jpg" / /a /li /ul /div a href="javascript:void(0);" id="next-02" nbsp /a div /div /div !--carousel end-- script type="text/javascript" $(document).ready(function(){ $(#demo-02).jCarouselLite({ btnPrev: #prev-02, btnNext: #next-02, auto: 800, speed: 1000 }); }); /script div a href="javascript:void(0);" id="prev-03" nbsp /a div id="demo-03" ul li a href="http://www.jsfoot.com/jquery/images/cj/2012-03-30/512.html" target="_blank" img height="150" width="150" alt="jquery图片滚动设置序号导航按钮和左右按钮控制单排图片滚动" src="http://www.jsfoot.com/d/file/jquery/images/cj/2012-03-30/smallc7fb1818b3a9ae6770422992d6df7b45.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-20/219.html" target="_blank" img height="150" width="150" alt="jquery flow 图片切换滚动插件 带分页索引按钮控制图片左右滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-20/smalld120ac28adc7863174531e90ca30fb35.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-19/217.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动 xslider 插件 按钮控制自动图片左右滚动、上下滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-19/small861fb36ea5b2491877623752f84c1297.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-18/189.html" target="_blank" img height="150" width="150" alt="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-18/small64e64c223150aacadf239d25c4f96440.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-05/167.html" target="_blank" img height="150" width="150" alt="jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-05/small60e10976234830bb2f715dc2b6438479.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-20/135.html" target="_blank" img height="150" width="150" alt="jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-20/smallcef595d06b263f623b878c41a9640f5b.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-15/124.html" target="_blank" img height="150" width="150" alt="jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-15/smallc2081239df287adc9fff1cf991e62b2e.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-07-26/82.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动特效制作 slide 图片类似窗帘式滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-07-26/smallbb276cedeaeb0438ed3275a9711b1d69.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-02-21/38.html" target="_blank" img height="150" width="150" alt="jquery 3D图片滚动一个漂亮的手机软件网站图片展示" src="http://www.jsfoot.com/d/file/jquery/items/2011-02-21/smallc9cfb68c13cbe925d3c9a03912f3b1de.jpg" / /a /li /ul /div a href="javascript:void(0);" id="next-03" nbsp /a div /div /div !--carousel end-- script type="text/javascript" $(document).ready(function(){ $(#demo-03).jCarouselLite({ btnPrev: #prev-03, btnNext: #next-03, circular: false, scroll: 2 }); }); /script div a href="javascript:void(0);" id="prev-04" nbsp /a div id="demo-04" ul li a href="http://www.jsfoot.com/jquery/images/cj/2012-03-30/512.html" target="_blank" img height="150" width="150" alt="jquery图片滚动设置序号导航按钮和左右按钮控制单排图片滚动" src="http://www.jsfoot.com/d/file/jquery/images/cj/2012-03-30/smallc7fb1818b3a9ae6770422992d6df7b45.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-20/219.html" target="_blank" img height="150" width="150" alt="jquery flow 图片切换滚动插件 带分页索引按钮控制图片左右滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-20/smalld120ac28adc7863174531e90ca30fb35.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-19/217.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动 xslider 插件 按钮控制自动图片左右滚动、上下滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-19/small861fb36ea5b2491877623752f84c1297.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-18/189.html" target="_blank" img height="150" width="150" alt="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-18/small64e64c223150aacadf239d25c4f96440.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-05/167.html" target="_blank" img height="150" width="150" alt="jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-05/small60e10976234830bb2f715dc2b6438479.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-20/135.html" target="_blank" img height="150" width="150" alt="jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-20/smallcef595d06b263f623b878c41a9640f5b.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-15/124.html" target="_blank" img height="150" width="150" alt="jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-15/smallc2081239df287adc9fff1cf991e62b2e.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-07-26/82.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动特效制作 slide 图片类似窗帘式滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-07-26/smallbb276cedeaeb0438ed3275a9711b1d69.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-02-21/38.html" target="_blank" img height="150" width="150" alt="jquery 3D图片滚动一个漂亮的手机软件网站图片展示" src="http://www.jsfoot.com/d/file/jquery/items/2011-02-21/smallc9cfb68c13cbe925d3c9a03912f3b1de.jpg" / /a /li /ul /div a href="javascript:void(0);" id="next-04" nbsp /a div /div /div !--carousel end-- script type="text/javascript" $(document).ready(function(){ $(#demo-04).jCarouselLite({ btnPrev: #prev-04, btnNext: #next-04, easing: "bounceout", speed: 1000 }); }); /script div a href="javascript:void(0);" id="prev-05" nbsp /a div id="demo-05" ul li a href="http://www.jsfoot.com/jquery/images/cj/2012-03-30/512.html" target="_blank" img height="150" width="150" alt="jquery图片滚动设置序号导航按钮和左右按钮控制单排图片滚动" src="http://www.jsfoot.com/d/file/jquery/images/cj/2012-03-30/smallc7fb1818b3a9ae6770422992d6df7b45.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-20/219.html" target="_blank" img height="150" width="150" alt="jquery flow 图片切换滚动插件 带分页索引按钮控制图片左右滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-20/smalld120ac28adc7863174531e90ca30fb35.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-19/217.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动 xslider 插件 按钮控制自动图片左右滚动、上下滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-19/small861fb36ea5b2491877623752f84c1297.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-18/189.html" target="_blank" img height="150" width="150" alt="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-18/small64e64c223150aacadf239d25c4f96440.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-05/167.html" target="_blank" img height="150" width="150" alt="jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-05/small60e10976234830bb2f715dc2b6438479.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-20/135.html" target="_blank" img height="150" width="150" alt="jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-20/smallcef595d06b263f623b878c41a9640f5b.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-15/124.html" target="_blank" img height="150" width="150" alt="jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-15/smallc2081239df287adc9fff1cf991e62b2e.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-07-26/82.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动特效制作 slide 图片类似窗帘式滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-07-26/smallbb276cedeaeb0438ed3275a9711b1d69.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-02-21/38.html" target="_blank" img height="150" width="150" alt="jquery 3D图片滚动一个漂亮的手机软件网站图片展示" src="http://www.jsfoot.com/d/file/jquery/items/2011-02-21/smallc9cfb68c13cbe925d3c9a03912f3b1de.jpg" / /a /li /ul /div div /div a href="javascript:void(0);" id="next-05" nbsp /a /div !--carousel end-- script type="text/javascript" $(document).ready(function(){ $(#demo-05).jCarouselLite({ btnPrev: #prev-05, btnNext: #next-05, visible: 3, vertical: true, easing: "bounceout", speed: 1000 }); }); /script div a href="javascript:void(0);" id="prev-06" nbsp /a div id="demo-06" ul li a href="http://www.jsfoot.com/jquery/images/cj/2012-03-30/512.html" target="_blank" img height="150" width="150" alt="jquery图片滚动设置序号导航按钮和左右按钮控制单排图片滚动" src="http://www.jsfoot.com/d/file/jquery/images/cj/2012-03-30/smallc7fb1818b3a9ae6770422992d6df7b45.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-20/219.html" target="_blank" img height="150" width="150" alt="jquery flow 图片切换滚动插件 带分页索引按钮控制图片左右滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-20/smalld120ac28adc7863174531e90ca30fb35.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-19/217.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动 xslider 插件 按钮控制自动图片左右滚动、上下滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-19/small861fb36ea5b2491877623752f84c1297.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-18/189.html" target="_blank" img height="150" width="150" alt="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-18/small64e64c223150aacadf239d25c4f96440.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-05/167.html" target="_blank" img height="150" width="150" alt="jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-05/small60e10976234830bb2f715dc2b6438479.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-20/135.html" target="_blank" img height="150" width="150" alt="jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-20/smallcef595d06b263f623b878c41a9640f5b.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-15/124.html" target="_blank" img height="150" width="150" alt="jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-15/smallc2081239df287adc9fff1cf991e62b2e.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-07-26/82.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动特效制作 slide 图片类似窗帘式滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-07-26/smallbb276cedeaeb0438ed3275a9711b1d69.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-02-21/38.html" target="_blank" img height="150" width="150" alt="jquery 3D图片滚动一个漂亮的手机软件网站图片展示" src="http://www.jsfoot.com/d/file/jquery/items/2011-02-21/smallc9cfb68c13cbe925d3c9a03912f3b1de.jpg" / /a /li /ul /div a href="javascript:void(0);" id="next-06" nbsp /a /div !--carousel end-- script type="text/javascript" $(document).ready(function(){ $(#demo-06).jCarouselLite({ btnPrev: #prev-06, btnNext: #next-06, visible: 3, vertical: true }); }); /script div a href="javascript:void(0);" id="prev-07" nbsp /a div id="demo-07" ul li a href="http://www.jsfoot.com/jquery/images/cj/2012-03-30/512.html" target="_blank" img height="150" width="150" alt="jquery图片滚动设置序号导航按钮和左右按钮控制单排图片滚动" src="http://www.jsfoot.com/d/file/jquery/images/cj/2012-03-30/smallc7fb1818b3a9ae6770422992d6df7b45.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-20/219.html" target="_blank" img height="150" width="150" alt="jquery flow 图片切换滚动插件 带分页索引按钮控制图片左右滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-20/smalld120ac28adc7863174531e90ca30fb35.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-10-19/217.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动 xslider 插件 按钮控制自动图片左右滚动、上下滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-10-19/small861fb36ea5b2491877623752f84c1297.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-18/189.html" target="_blank" img height="150" width="150" alt="jquery 图片切换特效 鼠标点击左右按钮焦点图切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-18/small64e64c223150aacadf239d25c4f96440.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-09-05/167.html" target="_blank" img height="150" width="150" alt="jquery 滚动 kxbdSuperMarquee插件支持图片与文字无缝滚动 图片翻滚 焦点图左右切换 banner广告制作" src="http://www.jsfoot.com/d/file/jquery/items/2011-09-05/small60e10976234830bb2f715dc2b6438479.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-20/135.html" target="_blank" img height="150" width="150" alt="jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-20/smallcef595d06b263f623b878c41a9640f5b.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-08-15/124.html" target="_blank" img height="150" width="150" alt="jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-08-15/smallc2081239df287adc9fff1cf991e62b2e.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-07-26/82.html" target="_blank" img height="150" width="150" alt="jquery 图片滚动特效制作 slide 图片类似窗帘式滚动" src="http://www.jsfoot.com/d/file/jquery/items/2011-07-26/smallbb276cedeaeb0438ed3275a9711b1d69.jpg" / /a /li li a href="http://www.jsfoot.com/jquery/images/cj/2011-02-21/38.html" target="_blank" img height="150" width="150" alt="jquery 3D图片滚动一个漂亮的手机软件网站图片展示" src="http://www.jsfoot.com/d/file/jquery/items/2011-02-21/smallc9cfb68c13cbe925d3c9a03912f3b1de.jpg" / /a /li /ul /div a href="javascript:void(0);" id="next-07" nbsp /a div button 0 /button button 1 /button button 2 /button /div /div !--carousel end-- script type="text/javascript" $(document).ready(function(){ $(#demo-07).jCarouselLite({ btnPrev: #prev-07, btnNext: #next-07, btnGo:[".0", ".1", ".2"] }); }); /script /body /html
//设置已经滑过一端滑动条背景图片,会覆盖之前之前的颜色,以下相同 [sli1 setMinimumTrackImage:[UIImage imageNamed:@ sliderImage.
小程序 - swiper除了左右切换还有上下滚动超出屏幕的内容 本来呢,我是有专门整理小程序恶心bug的文章的,每次只要添加汇总就好, 但是呢,鉴于这个问题的恶心程度,所以我把他单独拿出来说了。 ——————————————--------------------------------------------------产品经理都说恶心的需求---------...
相关文章
- DEDECMS织梦上传图片加文字水印带阴影效果的方法
- python处理图片像素_python绘制像素图
- 基于FFmpeg对视频叠加图片水印
- 专业级图片调色软件LRc中文版,LRc软件安装教程下载,Lightroom
- Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能
- iOS图片缩小放大scollView实现代码详解手机开发
- 设置Linux图片权限设置:保护隐私安全(linux图片权限)
- 深入浅出redis连接池一张图片带你了解(redis连接池图片)
- 用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦!
- 链接图片无缝(无间断)向左平滑滚动Js版代码
- JQuery循环滚动图片代码
- jQuery滚动加载图片效果的实现
- Jquery图片滚动与幻灯片的实例代码
- jQuerybxCarousel实现图片滚动切换效果示例代码
- JS图片根据鼠标滚动延时加载的实例代码
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- JS小功能(offsetLeft实现图片滚动效果)实例代码
- java裁剪图片并保存的示例分享
- yii上传文件或图片实例
- 纯js实现div内图片自适应大小(已测试,兼容火狐)
- PHP制作3D扇形统计图以及对图片进行缩放操作实例