Menu
[URL=”http://javascript.internet.com/navigation/flashy-fading-rollover-menu.html”]http://javascript.internet.com/navigation/flashy-fading-rollover-menu.html
[URL=”http://www.ScriptBreaker.com”]http://www.ScriptBreaker.com
How do I get it fixed (fix described below), so I don’t have to find and fix the mistake next time I come back to the site to use this script . . . and so others can share the benefit of my correction?
They say it only works in IE5 – but it will work in Netscape/Firefox, if they just change “+ ‘%'” to “/100” Resulting in:
[code]
<!– TWO STEPS TO INSTALL FLASHY FADING ROLLOVER MENU:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>
<!– Original: ScriptBreaker ([email protected]) –>
<!– Web Site: http://www.ScriptBreaker.com –>
<!– Begin
function locktrueie(myform){myform.ie.checked=true;}
function lockfalsenet(myform){myform.nets.checked=true;}
function goToURL() { window.location = “http://www.javascriptsource.com”; }
function nochange(mycheckbox)
{
if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;}
}
// End –>
</script>
</HEAD>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<style>
. tds
{
background-Color:silver;
width:100;
height:20;
text-align:center;
border:1px solid gray;
font-size:14;
filter:alpha(opacity=45);
-moz-opacity:45%;
cursor:crosshair;
}
</style>
<script language=”javascript”>
nOpac = 50
nPlus = 2
nMin = 1
speed = 30
timer = null;
timer2 = null;
var ie5=(document.all && document.getElementById);
var ns6=(!document.all && document.getElementById);
function fadeImg2(teller)
{
apl[teller][1] = “Up”;
changes();
}
function fadeImgend2(teller)
{
apl[teller][1] = “Down”;
setTimeout(“changes()”,50);
}
function changes()
{
next_loop = true;
for (i=0;i<apl.length;i++)
{
obj = link_table.rows[i].cells[0];
opacity = apl[i][0]
if (apl[i][1] == “Up”)
{
opacity += nPlus;
apl[i][0] = opacity;
if (apl[i][0] > 105)
{apl[i][1] = “”;}
else
{next_loop = false;}
nOpac = opacity;
}
else
{
if (apl[i][1] == “Down”)
{
opacity -= nMin;
apl[i][0] = opacity;
if (apl[i][0] < 45)
{apl[i][1] = “”;}
else
{next_loop = false;}
nOpac = opacity;
}
}
if(ie5){
obj.style.filter=”alpha(opacity=”+opacity+”)”;
}
else if(ns6){
// obj.style.MozOpacity = opacity + ‘%’;
obj.style.MozOpacity = opacity/100;
}
else {
obj.style.filter=”alpha(opacity=”+opacity+”)”;
}
}
if (next_loop == false)
{
timer = setTimeout(“changes()”,speed);
}
else
{
clearTimeout(timer);
}
}
//for each link option you need to make a new Array;
var apl = new Array();
apl[0] = new Array(45,””);
apl[1] = new Array(45,””);
apl[2] = new Array(45,””);
apl[3] = new Array(45,””);
apl[4] = new Array(45,””);
apl[5] = new Array(45,””);
//expl: apl[6] = new Array(45,””);
</script>
<body>
<table style=”border:1px groove blue; width:130;height:180″ cellspacing=0 cellpadding=0>
<tr><td align=center bgcolor=silver>
<font color=blue><u>JavaScript Source</u></font><br>
</td></tr>
<tr><td align=center border=2>
<table cellpadding=0 cellspacing=0 name=link_table id=link_table>
<tr>
<td class=”tds” onmouseover=”fadeImg2(0)” onmouseout=”fadeImgend2(0)” onclick=”window.location=’#’;” style=”border:1px solid gray;background-color:silver;width:100;text-align:center”>Home</td>
</tr>
<tr>
<td class=”tds” onmouseover=”fadeImg2(1)” onmouseout=”fadeImgend2(1)” onclick=”window.location=’#’;” style=”border:1px solid gray;background-color:silver;width:100;text-align:center”>New</td>
</tr>
<tr>
<td class=”tds” onmouseover=”fadeImg2(2)” onmouseout=”fadeImgend2(2)” onclick=”window.location=’#’;” style=”border:1px solid gray;background-color:silver;width:100;text-align:center”>About</td>
</tr>
<tr>
<td class=”tds” onmouseover=”fadeImg2(3)” onmouseout=”fadeImgend2(3)” onclick=”window.location=’#’;” style=”border:1px solid gray;background-color:silver;width:100;text-align:center”>Pictures</td>
</tr>
<tr>
<td class=”tds” onmouseover=”fadeImg2(4)” onmouseout=”fadeImgend2(4)” onclick=”window.location=’#’;” style=”border:1px solid gray;background-color:silver;width:100;text-align:center”>Partners</td>
</tr>
<tr>
<td class=”tds” onmouseover=”fadeImg2(5)” onmouseout=”fadeImgend2(5)” onclick=”window.location=’#’;” style=”border:1px solid gray;background-color:silver;width:100;text-align:center”>Contact</td>
</tr>
</table>
</td></tr></table>
<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: 4.59 KB –>