Very cool and cool graphic fade-out navigation menu bar

Author：Eve Cole Update Time：2009-06-20 15:46:53

<head> <script language="JavaScript"> //左边 var left_img="<a href=http://www.downcodes.com><img src= width=110 height=306 border=0></a>"; //右边 var right_img="<a href=http://www.downcodes.com><img src= width=110 height=306 border=0></a>"; var leftimgheight window.screen.width>800 ? leftimgheight=600:leftimgheight=100 function myloadright() { myright.style.top=document.body.scrollTop+document.body.offsetHeight-leftimgheight; myright.style.left=document.body.offsetWidth-100; mymove(); } function mymove() { myright.style.top=document.body.scrollTop+document.body.offsetHeight-leftimgheight; myright.style.left=document.body.scrollLeft+document.body.offsetWidth-135; setTimeout("mymove();",50) } function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true) var imgheight var imgleft window.screen.width>800 ? imgheight=600:imgheight=100 window.screen.width>800 ? imgleft=3:imgleft=122 function myload() { myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight; myleft.style.left=imgleft; leftmove(); } function leftmove() { myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight; myleft.style.left=imgleft; setTimeout("leftmove();",80) } function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true) document.write("<div id=myleft style='position: absolute;width:80;top:0;left:5;visibility: visible;z-index: 1'>"+left_img+"</div>"); myload() document.write("<div id=myright style='position: absolute;width:80;top:0;left:578;visibility: visible;z-index: 1'>"+right_img+"</div>"); myloadright() </script> </head>