TaoBaoUED左侧导航

所属分类：UI,其他-悬停,移动

46586 507 查看评论 (11)

分享到微信朋友圈

查看演示立即下载

插件描述：TaoBaoUED左侧导航,鼠标移动跟随效果

========以下代码由 smarty 提供============

以下是兼容所有浏览器用法，把JS覆盖成下面的就可以了！

$(function(){
    if($.browser.msie && $.browser.version<=9){
         $('#lanPos').css('top',$('.hover').offset().top);
         $('ul li').hover(function(){
             $('#lanPos').animate({
                 top:$(this).offset().top
             },200)
          },function(){
            $('#lanPos').animate({
               top:$('.hover').offset().top
             },200)
             $('#lanPos').clearQueue()
           })
    }else{
    $('#lanPos').css('top',$('.hover').offset().top);
        $('ul li').hover(function(){
            $('#lanPos').css('top',$(this).offset().top);
            },function(){
                $('#lanPos').css('top',$('.hover').offset().top);
             })
             $('ul li').click(function(){
                for(var i=0;i<$('ul li').size();i++){
                    if(this==$('ul li').get(i)){
                         $('ul li').eq(i).children('a').addClass('hover');
                     }else{
                          $('ul li').eq(i).children('a').removeClass('hover');
              }
                    
          }            
      })        
}

js仿新浪游戏频道导航条

jQuery文本编辑插件wangEditor