TaoBaoUED左侧导航

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

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

鼠标hover效果(原创)

30种鼠标触碰按钮添加背景样式的效果~
  悬停
 9115  249

css3.0按钮触控悬停效果集

css3.0按钮触控悬停效果集
  悬停
 15017  139

css3的button组件

css3的button组件,可以直接调用,使用方便,各种效果
  悬停
 10204  172

jQuery鼠标悬停方向感知

jQuery鼠标悬停方向感知,穿墙效果
  悬停
 4376  45

讨论这个项目(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
取消回复