TaoBaoUED左侧导航

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

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

仿淘宝业务icon动画图标

仿淘宝icon鼠标悬停动画图标,纯手打使用jquery框架
  悬停
 7963  65

9种纯CSS3人物信息卡片UI设计效果

每种效果在鼠标滑过卡片时,通过CSS3使图片和HTML元素变形生成 非常漂亮的鼠标滑过动画特效。
  悬停
 14168  251

响应式网站图标

悬停变换效果
  悬停
 12304  66

jquery hover鼠标滑过图片半透明文字标题滑动显示隐藏

jquery hover鼠标滑过图片半透明文字标题滑动显示隐藏
  悬停
 16056  56

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