<br /> <br />comece a partir da tag html <br />...<style> <br />body{font-family:arial;} <br />a{color:black;text-decoration:none;font:bold} <br />a:hover{color:#606060} <br />td.menu{background:lightblue} <br /> <br />table.nav <br />{ <br />background:black; <br />position:relative; <br />font: bold 80% arial; <br />top:0px; <br />left:-135px; <br />margin-left:3px; <br />} <br /></style> <br /><script type="text/javascript"> <br />var i=-135; <br />var c=0; <br />var intHide; <br />var speed=3; <br />function show_hide_menu() <br />{ <br />if (c==0) <br /> { <br /> c=1; <br /> clearInterval(intHide); <br /> intShow=setInterval("show()",10); <br /> } <br />else <br /> { <br /> c=0; <br /> clearInterval(intShow); <br /> intHide=setInterval("hide()",10); <br /> } <br />} <br />function show() <br />{ <br />if (i<-12) <br /> { <br /> i=i+speed; <br /> document.getElementById('myMenu').style.left=i; <br /> } <br />} <br />function hide() <br />{ <br />if (i>-135) <br /> { <br /> i=i-speed; <br /> document.getElementById('myMenu').style.left=i; <br /> } <br />} <br /></script> <br /></head> <br /> <br /><body> <br /><table id="myMenu" class="nav" width="150" onclick="show_hide_menu()"> <br /><tr><td class="menu"><a href="/default.asp">HOME</a></td> <br /><td rowspan="5" align="center" bgcolor="#FF8080">M<br />E<br />N<br />U</td></tr> <br /><tr><td class="menu"><a href="/asp/default.asp">ASP</a></td></tr> <br /><tr><td class="menu"><a href="/js/default.asp">JavaScript</a></td></tr> <br /><tr><td class="menu"><a href="default.asp">DHTML</a></td></tr> <br /><tr><td class="menu"><a href="/vbscript/default.asp">VBSscript</a></td></tr> <br /></table> <br /><p>Click on the MENU to show/hide the menu</p> <br /><p>Try changing the "speed" variable in the script, to change the menus's sliding speed</p> <br /></body> <br /></html> <br />
© Free Blogger Templates Spain by Ourblogtemplates.com 2008
Back to TOP
