Adds a dynamic moving menu which can easily be customised to suit your website.
|
To customise the menu slider, there are some CSS classes in the header, change them to match your site.
|
|
To add more items to the menu you need to add onto the array...
|
var iMenuCon = [
["Home","http://www.solidsnakedesigns.com","blank"],
["Forum","http://ssdesigns.proboards17.com","blank"],
["Games","http://www.solidsnakedesigns.com","blank"],
["Tutorials","http://www.solidsnakedesigns.com","blank"],
["Links","http://www.solidsnakedesigns.com","blank"],
["Contact Us","http://www.solidsnakedesigns.com","blank"]
]
So to add a link called "Downloads" you would add...
["Downloads","<A href="http://www.yourdomain.com/downloads.html","blank"][/CODE">http://www.yourdomain.com/downloads.html","blank"]
so then you would end up with....
|
var iMenuCon = [
["Home","http://www.solidsnakedesigns.com","blank"],
["Forum","http://ssdesigns.proboards17.com","blank"],
["Games","http://www.solidsnakedesigns.com","blank"],
["Tutorials","http://www.solidsnakedesigns.com","blank"],
["Links","http://www.solidsnakedesigns.com","blank"],
["Contact Us","http://www.solidsnakedesigns.com","blank"],
["Downloads","http://www.yourdomain.com/downloads.html","blank"]
]
|
the "blank" part is the link target, if you want links to open in the same winodw, just leave it blank or change it to "self".
|
|
Add the script inbetween your <head> tags.
|
and this is what you will put inside your <body> tags...
<div id="menu" style="display: none; position:absolute; width:140px; height:110px; z-index:1; left: -130px; top:;" onmouseover="this.style.cursor='pointer'" onmousedown="doOut(event)">
<table width="100%" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" width="100%"> <table border="0" width="100%" cellspacing="1" class="border" align="center" cellpadding="4">
<tr>
<td class="title" align="center">Menu</td>
</tr>
<tr>
<td class="menulist"> <table align="left" cellspacing="5" id="content" valign="top">
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
enjoii!
PREVIEW
10-24-2006, 11:58 AM
dynamic moving menu
