文章内容
八 30th, 2009隐藏菜单(一)-菜单导航特效
欢迎光临乱舞春秋网页脚本特效中心,点击运行按钮演示特效:
ie=document.all?1:0 n=document.layers?1:0
lshow=60
var move=10;
//At what speed (in milliseconds, lower value is more speed) menuSpeed=40
//Do you want it to move with the page if the user scroll the page? var moveOnScroll=true var tim; var ltop;
//Object constructor function makeMenu(obj,nest){ nest=(!nest) ? '':'document.' nest '.' this.css=(n) ? eval(nest 'document.' obj):eval(obj '.style') this.state=1 this.go=0 this.width=n?this.css.document.width:eval(obj '.offsetWidth') this.left=b_getleft this.obj = obj "Object"; eval(this.obj "=this") } //Get's the top position. function b_getleft(){ var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft); return gleft; }
function moveMenu(){ if(!oMenu.state){ clearTimeout(tim) mIn() }else{ clearTimeout(tim) mOut() } } //Menu in function mIn(){ if(oMenu.left()>-oMenu.width lshow){ oMenu.go=1 oMenu.css.left=oMenu.left()-move tim=setTimeout("mIn()",menuSpeed) }else{ oMenu.go=0 oMenu.state=1 } } //Menu out function mOut(){ if(oMenu.left()<0){ oMenu.go=1 oMenu.css.left=oMenu.left() move tim=setTimeout("mOut()",menuSpeed) }else{ oMenu.go=0 oMenu.state=0 } } /******************************************************************************** Checking if the page is scrolled, if it is move the menu after ********************************************************************************/ function checkScrolled(){ if(!oMenu.go) oMenu.css.top=eval(scrolled) ltop if(n) setTimeout('checkScrolled()',30) } /******************************************************************************** Inits the page, makes the menu object, moves it to the right place, show it ********************************************************************************/ function menuInit(){ oMenu=new makeMenu('divMenu') scrolled=n?"window.pageYOffset":"document.body.scrollTop" oMenu.css.left=-oMenu.width lshow ltop=(n)?oMenu.css.top:oMenu.css.pixelTop; oMenu.css.visibility='visible' if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled(); }
//Initing menu on pageload onload=menuInit;
20% off Hosting at GoDaddy.com - World's largest Web host!Domain Sale! $7.49 .com at GoDaddy
声明:本文发表于乱舞春秋(www.20blog.cn),转载请注明出处:http://www.20blog.cn/2009/08/372.html,谢谢!有任何问题请联系QQ37750965
标签: 代码,
Related Posts