最新资讯当前位置:鸿宇娱乐 > 最新资讯 > >

js实现的动画导航菜单效果代码

  

  
      
  • 1
  •   
  • 2
  •   
  • 3
  •   
  • 4
  •   
  • 5
  •   
  • 6
  •   
    
  (function(){  var curPostion,thisLeft, curPostion_1;  var obj=getId('nav').getElementsByTagName('ul')[0], timer=null ,navCur=getId('navCur'),x,liArr=getId('nav').getElementsByTagName('li'),liLength=liArr.length-1;  for (var x=0;x navCur.offsetLeft)  {  hover();  }  else  {  curPostion_1=this.offsetLeft;  out();  }  };  li.onmouseout=function(){  clearTimeout(timer);  if (curPostion < navCur.offsetLeft)  {  curPostion_1=curPostion;  out();  }  else  {  thisLeft=curPostion;  hover();  }  };  }  function hover(){  if (navCur.offsetLeft 鸿宇娱乐<=thisLeft)  {  var a=Math.max(parseInt((thisLeft - navCur.offsetLeft) / 15), 3);  navCur.style.left=navCur.offsetLeft + a + "px";  timer=setTimeout(arguments.callee, 5);  }  else  {  navCur.style.left=thisLeft + "px";  clearTimeout(timer);  }  }  function out(){  if (navCur.offsetLeft >=curPostion_1)  {  var a=Math.max(parseInt((navCur.offsetLeft - curPostion_1) / 15), 3);  navCur.style.left=navCur.offsetLeft - a + "px";  timer=setTimeout(arguments.callee, 5);  }  else  {  navCur.style.left=curPostion_1 + "px";  clearTimeout(timer);  }  }  function getId(id){  return document.getElementById(id)  }  })();  

(责任编辑:admin)

上一篇:鸿宇娱乐平台:javascript中break,continue和return语句

下一篇:jquery二级导航内容均分的原理及实现

推荐内容

客户服务热线

010-400-12345

在线客服