思想:函数
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;集合