Static menu script II- Developer's View
<html>
<head>
<script
language="JavaScript1.2">
/*
Static menu script II (By maXimus, maximus2k@nsimail.com, http://absolutegb.com/maximus/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
<!--
.hl {
Background-Color : yellow;
Cursor:hand;
}
.n {
Cursor:hand;
}
-->
</style>
</head>
<body>
<LAYER visibility="hide"
top="20" name="object1" bgcolor="black" left="0"
onmouseover="move(132)" onmouseout="move(-132)">
<script language="JavaScript1.2">
function positionmenu(){
move(-132)
}
if (document.all) {document.write('<DIV ID="object1"
style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px
;Z-Index : 20" onmouseover="move(132)"
onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1"
width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4"
face="Arial"><b>Menu</b></font></td>
<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100"
width="16" bgcolor="#FF6666"><span
style="font-size:13px"><p align="center"><font
face="Arial
Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></TD>')
</script>
</tr>
<script language="JavaScript1.2"><!--
if (document.all||document.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configure thelinks below. Extend as desired
text[0]="Dynamic Drive";
text[1]="What\'s New?";
text[2]="What\'s Hot?";
text[3]="Message Forum";
text[4]="Frequenty Asked Questions";
text[5]="Submit Script";
text[6]="Link to us";
text[7]="Email us";
thelink[0]="http://dynamicdrive.com";
thelink[1]="http://dynamicdrive.com/new.htm";
thelink[2]="http://dynamicdrive.com/hot.htm";
thelink[3]="http://wsabstract.com/cgi-bin/Ultimate.cgi";
thelink[4]="http://dynamicdrive.com/faqs.htm";
thelink[5]="http://dynamicdrive.com/submitscript.htm";
thelink[6]="http://dynamicdrive.com/link.htm";
thelink[7]="mailto:dynamicdrive@yahoo.com";
//enter target of above links
//Valid values are '', 'new', or 'framename' (where 'framename' is the name of the frame
you wish the links to target)
var linktarget=''
///DO NOT EDIT BELOW THIS LINE////////////////
function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white
onclick="navigateie('+i+')" onmouseover="className=\'hl\'"
onmouseout="className=\'n\'"><FONT SIZE=2
FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD
bgcolor="white"><ILAYER><LAYER HEIGHT="18"
onmouseover="this.bgColor=\'yellow\'"
onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2
FACE=ARIAL> <A HREF="'+thelink[i]+'"
target="'+linktarget+'"
id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}
//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1"
face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
</body>
</html>
Please use the
following image to link to Dynamic Drive. More images here.
Copyright © 1998-2004 Dynamic Drive. Read Terms Of Use here.