TaoBaoUED左侧导航

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

 15064  143  查看评论 (9)
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');
              }
                    
          }            
      })        
}
相关插件-悬停,移动

C3经过动效

各种C3鼠标经过动效
  悬停
 7563  118

jquery鼠标悬停效果插件

用jquery制作的页面内容鼠标悬停效果的插件
  悬停
 9708  159

jquery简单关灯效果插件

jQuery实现鼠标移动到当前图片其它图片变暗效果
  悬停
 6196  42

鼠标移入图片悬浮特效

鼠标移入图片悬浮特效,好用。
  悬停
 19066  120

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

    丫头 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
取消回复