JQuery实现图片轮播(非滚动)

思想:函数

1,全部图片使用绝对定位,定位在同一位置
spa

2,为标签添加点击事件,当前元素添加class类on,其兄弟节点失去on类(外观发生改变),当前显示的图片逐渐消失,经过索引显示点击对应的图片。索引

3,自动调用shouAuto函数,该函数自动执行点击事件,实现循环定时播放。事件

4,当鼠标悬停的时候中止调用自动播放函数图片

主要点:class

1,$("xxx").fadeIn(1000);//淡入 fadeOut('slow');//淡出循环

2,siblings()//得到匹配集合中每一个元素的同胞(兄弟节点)方法

3,setInterval("showAuto()",4000);//会不停的调用函数,直到clearInterval()被调用或被窗口关闭。由setInterval()返回的id值能够做为clearInterval()方法的参数。im

4,三元表达式:n=n>=(count -1) ?0 : ++n;集合

相关文章
相关标签/搜索