jquery的图片的切换

1、主要功能介绍：

       图片和文字实现对照隔时间滑动显示

       鼠标移入图片停止切换

      当鼠标移出继续图片的切换

      文字高亮显示

$(function(){

    var $dingshi='';
    var $len=$(".num >li").length;
    var index=0;
    $(".num li").mouseover(function(){
        index=$(".num li").index($(this));
        tiaodong(index);
})
        $(".ad").hover(function(){
        clearInterval($dingshi);
        },function(){
        $dingshi=setInterval(function(){
        tiaodong(index);
        ++index;
        if(index==$len){
        index=0;
        }
        },2000);
        }).trigger("mouseleave");

        })
    function tiaodong(index){
        var $num=$(".slider li:first").height();
        $(".slider").stop(true,true).animate({"top":(-$num*index)+'px'},600);
        $(".num li").removeClass('on').eq(index).addClass('on');

                    }