mouseover时清除一下计时器,并不需要调用showpic(n)。因为你鼠标悬浮是想要停止自动切换。clearTimeout(t);
创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的贵德网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
再帮一个moverout事件,里鼠标移出重新开始计数器。
问题1:function Scroll(obj,speed,interval){....},这是个函数,在页面必然会有类似 Scroll(样式名称,速度,间隔) 这样的调用。
问题2:$("."+obj).each(function(){ ... }); 这段代码分开分析就会比较易懂,$("."+obj)这个表示的是获取页面中class含有obj的对象,返回的是jQuery对象数组;each()就是遍历这个数组。
function scroll(){ ... } 这同样是个函数,调用一定是在function Scroll(obj,speed,interval){....} 内部,代码没贴全,你自己找一下。
问题3:stop()就是先停下来,为下一个动画做准备。这段代码不是移动li,就是移动UL,然后每次移动一个li的宽度。
问题4:这是在UL的动画的回调函数中的代码,意思是动画结束后,设置最左边的距离为0,就是紧贴最左边显示。
问题5:这里的$(this),要看具体的上下文环境,因为是在$imgUl.stop().animate({left:-width},speed,function(){ .... }); 整个里面写的,所以$(this)指向的就是$imgUI。
$imgUl.children("li:first").appendTo($(this));
这句的意思就是,找到UL下面的第一个li把它放到UL中li最后的位置。
希望对你有帮助!
最简单的方法,用css把所以图片重叠再一起并把样式display设置为none,然后用jquery获取所有图片,用循环语句设置css的display为block就可以了。
下面是常用的轮播图插件实例,复制下来稍微改动下样式就行了
!--效果演示地址 ;
!--下载插件并引入到页面--
link rel="stylesheet" href="css/idangerous.swiper.css"
script src="js/idangerous.swiper-2.x.min.js"/script
div class="swiper-container"
div class="swiper-wrapper"
div class="swiper-slide" 图片1/div
div class="swiper-slide" 图片2/div
div class="swiper-slide" 图片3/div
/div
/div
script type="text/javascript"
var mySwiper = new Swiper('.swiper-container');
/script