//jquery的焦点图片自动播放 |
$( function (){ |
var sw = 0; |
$( "div.f_tab .f_num dd" ).mouseover( function (){ |
sw = $( ".f_num dd" ).index( this ); |
myShow(sw); |
}); |
function myShow(i){ |
$( "div.f_tab .f_num dd" ).eq(i).addClass( "cur" ).siblings( "dd" ).removeClass( "cur" ); |
$( "div.f_tab ul li" ).eq(i).stop( true , true ).fadeIn(600).siblings( "li" ).fadeOut(600); |
} |
//滑入停止动画,滑出开始动画 |
$( "div.f_tab" ).hover( function (){ |
if (myTime){ |
clearInterval(myTime); |
} |
}, function (){ |
myTime = setInterval( function (){ |
myShow(sw) |
sw++; |
if (sw==4){sw=0;} |
} , 3000); |
}); |
//自动开始 |
var myTime = setInterval( function (){ |
myShow(sw) |
sw++; |
if (sw==4){sw=0;} |
} , 3000); |
}); |
//调用 |
<div class= "f_tab home_flash_c" > |
<ul class= "th" > |
<li style= "display:block;" ><a href= "/topic/2012end/" target= "_blank" ><img src= "http://img.kekenet.com/statics/image/index/end.jpg" /> |
<p class= "black" >2012世界末日学习专题</p> |
</a></li> |
<li><a href= "/menu/13782/" ><img src= "http://img.kekenet.com/Images/2012/fanyi.jpg" /> |
<p class= "black" >阎老师翻译小讲堂</p> |
</a></li> |
<li><a href= "/topic/201212cet/" target= "_blank" ><img src= "http://img.kekenet.com/Images/2012/cet46.jpg" /> |
<p class= "black" >2012年12月英语四六级冲刺备考</p> |
</a></li> |
<li><a href= "http://dipan.kekenet.com/blog-163898-118257" target= "_blank" ><img src= "http://img.kekenet.com/statics/image/index/ikeke.jpg" /> |
<p class= "black" >可可微英语 微信号:ikekenet 欢迎大家关注</p> |
</a></li> |
<li><a href= "/menu/13749/" ><img src= "http://img.kekenet.com/statics/image/index/1ju.jpg" /> |
<p class= "black" >美剧每日一句</p> |
</a></li> |
<li><a href= "/daily/203012.shtml" ><img src= "http://img.kekenet.com/statics/image/index/i4.jpg" /> |
<p class= "black" >可可英语安卓版客户端下载</p> |
</a></li> |
</ul> |
<div class= "f_num home_flash_num" > |
<dl> |
<dd class= "cur" >1</dd> |
<dd>2</dd> |
<dd>3</dd> |
<dd>4</dd> |
<dd>5</dd> |
</dl> |
</div> |
</div> |