1 Sliding horizontal Tue Feb 22, 2011 10:39 pm
Matti
Registered Member
Hello, guys
I found a Sliding horizontal menu at w3schools.com I fix it the way I wanna it but it doesn't show any thing so how to make this work on the forum.
Example of the code:
I found a Sliding horizontal menu at w3schools.com I fix it the way I wanna it but it doesn't show any thing so how to make this work on the forum.
Example of the code:
- Code:
<html>
<head>
<style>
body{font-family:arial;}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#606060}
td.menu{background:lightblue}
table.nav
{
background:black;
position:relative;
font: bold 80% arial;
top:0px;
left:-135px;
}
</style>
<script type="text/javascript">
var i=-135;
var intHide;
var speed=4;
function showmenu()
{
clearInterval(intHide);
intShow=setInterval("show()",10);
}
function hidemenu()
{
clearInterval(intShow);
intHide=setInterval("hide()",10);
}
function show()
{
if (i<-12)
{
i=i+speed;
document.getElementById('myMenu').style.left=i;
}
}
function hide()
{
if (i>-135)
{
i=i-speed;
document.getElementById('myMenu').style.left=i;
}
}
</script>
</head>
<body>
<table id="myMenu" class="nav" width="159" onmouseover="showmenu()" onmouseout="hidemenu()">
<tr><td class="menu"><a href="http://forumdesigners.forumotion.com/">Forum Rules</a></td>
<td rowspan="5" align="center" bgcolor="#FF8080">M<br />E<br />N<br />U</td></tr>
<tr><td class="menu"><a href="http://forumdesigners.forumotion.com/">Forum 2</a></td></tr>
<tr><td class="menu"><a href="http://forumdesigners.forumotion.com/">Forum 3</a></td></tr>
<tr><td class="menu"><a href="http://forumdesigners.forumotion.com/">Forum 4</a></td></tr>
<tr><td class="menu"><a href="http://forumdesigners.forumotion.com/">Forum 5</a></td></tr>
</table>
</body>
</html>