|
|
Java menu script>Menu Make>Slide Down Menu
|
| The slide down menu is composed of a number of menu headers.
Upon clicking these headers, its menu items are revealed with a sliding DHTML effect. This
script also works in a frameset. Works in MSIE, Netscape and Opera. |
|
<!-- ONE STEP TO INSTALL SLIDE DOWN MENU:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Original: ScriptBreaker -->
<!-- Web Site: http://www.ScriptBreaker.com -->
<!-- Begin
<SCRIPT LANGUAGE="JavaScript">
function goToURL() { history.go(-1); }
</script>
<style>
.menu
{
position:relative;
background-color:gold;
border:1px solid darkblue;
width:150;
font-size:11px;
font-family:verdana;
font:bold;
position:absolute;
cursor:se-resize;
}
.item_panel
{
width:150;
border-left:1px solid darkblue;
border-right:1px solid darkblue;
clip:rect(0,150,0,0);
position:absolute;
}
.item_panel a
{
text-decoration:none;
color:black;
cursor:hand;
}
.item
{
background-color:lightyellow;
width:148;
font-size:10px;
font-family:verdana;
}
</style>
<script language="JavaScript"
src="sliding_menu.js"></script>
<center>
<table width=150><tr><td>
<script language="JavaScript">
//Link[nr] = "position [0 is menu/1 is item],Link name,url,target
(blank|top|frame_name)"
var Link = new Array();
Link[0] = "0|Home";
Link[1] = "1|Home|http://www.javascriptsource.com|";
Link[2] = "1|More Scripts|http://www.javascript.com|";
Link[3] = "1|Contact|http://www.javascriptsource.com/contact-us.html|";
Link[4] = "1|Traffic|http://www.thecounter.com|";
Link[5] = "0|Access";
Link[6] = "1|Login|Login.asp|";
Link[7] = "1|Logout|Logout.asp|"
Link[8] = "0|Scripts";
Link[9] = "1|Asp|http://www.javascriptsource.com|";
Link[10] = "1|JavaScript|http://www.javascriptsource.com|";
Link[11] = "0|Links";
Link[12] = "1|JavaScript sites|http://www.javascripts.com|blank";
startup(4);
</script>
// End -->
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts
provided<br>
by <a href="http://javascriptsource.com">The JavaScript
Source</a></font>
</center><p>
<!-- Script Size: 2.13 KB --> |
|
|
|
