jquery的焦点图片自动播放.js

[javascript]代码库

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