jquery焦点轮播,jquery滑动轮播

jquery焦点图轮播

mouseover时清除一下计时器，并不需要调用showpic(n)。因为你鼠标悬浮是想要停止自动切换。clearTimeout(t)；

再帮一个moverout事件，里鼠标移出重新开始计数器。

相关问答

Q1: 关于jQuery轮播焦点图的代码，这个是别人发的，新手有些看不明白，问题在补充里面，帮忙了大家

问题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最后的位置。

希望对你有帮助!

Q2: 有没有人手把手教我一个用jQuery实现的焦点图轮播的效果，我很需要，网上的脚本没解释看不懂，有大神吗

最简单的方法，用css把所以图片重叠再一起并把样式display设置为none，然后用jquery获取所有图片，用循环语句设置css的display为block就可以了。

Q3: 如何仿淘宝首页jquery轮播焦点图

下面是常用的轮播图插件实例，复制下来稍微改动下样式就行了

!--效果演示地址 ;

!--下载插件并引入到页面--

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