//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>