TaoBaoUED左侧导航

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

 17697  161  查看评论 (10)
TaoBaoUED左侧导航 ie兼容9

========以下代码由 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');
              }
                    
          }            
      })        
}
相关插件-悬停,移动

jQuery鼠标悬停方向感知移入效果

jQuery简单实现鼠标各方为移入 代码简单易懂适合初学这阅读
  悬停
 4748  84

6款jquery鼠标悬停图文切换效果

6款jquery鼠标悬停图文切换效果
  悬停
 9085  100

15款css3鼠标悬停图片动画文字效果

15款css3鼠标悬停图片动画文字效果
  悬停
 14621  156

jQuery显示字幕插件Captall

jQuery的Captall是一个创建于图像或任何DOM元素的标题插件。
  悬停
 15423  31

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币

    好好先生° 0
    2017/8/7 22:12:01
    丫头 0
    2017/7/19 17:40:47

    在吗?为什么我用不了,可以给个QQ号吗?

        smarty0
        2017/7/19 19:10:33

        634323580

    回复
    ccj626 0
    2015/10/16 10:10:22

    非常不错,感谢!

    回复
    Miazzy 0
    2015/8/28 10:08:31
    123326939 0
    2015/7/20 10:07:24
    试过了,ie也可以 回复
    smarty 0
    2015/1/5 20:52:01
    上面已经有兼容IE的方法了,直接覆盖JS即可
        ≠你存在我深深的脑海里0
        2016/6/6 9:06:24
        上面的js复制进去,直接说语法错误
        smarty0
        2016/8/1 15:08:58
        后面少了一个}),复制进去的时候可能弄错了。
    回复
    Legend 0
    2015/1/4 10:47:45
取消回复