Hey could u guys help me out with this script?
I want it so that the navigation isn't like
blah
blah
blah
but more like
blah blah blah
I tried but I lost the effect of the mouseover
Ok sorry this is big but I can't upload a txt file or anything so here it goes
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!!
http://javascript.internet.com -->
<!-- Original: ScriptBreaker (admin@scriptbreaker.com) -->
<!-- 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>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Computers</title>
</head>
<body>
<p align="center"><font size="7">Computers</font></p>
<hr>
<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+")";
}
if(ns6){
obj.style.MozOpacity = 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,"");
apl[6] = new Array(45,"");
apl[7] = new Array(45,"");
apl[8] = new Array(45,"");
apl[9] = new Array(45,"");
apl[10] = new Array(45,"");
apl[11] = new Array(45,"");
apl[12] = 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>
Navigation<br>
</td></tr>
<tr><td align=center border=2>
<table cellpadding=0 cellspacing=0 name=link_table id=link_table height="272">
<tr>
<td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='/index.html';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="http://www.freewebs.com/pjcomputers/index.html" style="text-decoration: none">
<font color="#000000">Home</font></a></b></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" height="21">
<b>
<a href="http://www.freewebs.com/pjcomputers/computers.html" style="text-decoration: none">
<font color="#000000">Computers</font></a></b></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" height="21"><b>
<a href="http://www.freewebs.com/pjcomputers/intel.html" style="text-decoration: none">
<font color="#000000">Intel-</font></a></b></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" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/budgetintel1.html" style="text-decoration: none">
<font color="#000000">Budget PC</font></a></i></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" height="20">
<i>
<a href="http://www.freewebs.com/pjcomputers/midintel.html" style="text-decoration: none">
<font color="#000000">Mid-Range</font></a></i></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" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/highintel.html" style="text-decoration: none">
<font color="#000000">High-End</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(6)" onmouseout="fadeImgend2(6)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21"><b>
<a href="http://www.freewebs.com/pjcomputers/amd.html" style="text-decoration: none">
<font color="#000000">AMD-</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(7)" onmouseout="fadeImgend2(7)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/budgetamd.html" style="text-decoration: none">
<font color="#000000">Budget PC</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(8)" onmouseout="fadeImgend2(8)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/midamd.html" style="text-decoration: none">
<font color="#000000">Mid-Range</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(9)" onmouseout="fadeImgend2(9)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<i>
<a href="http://www.freewebs.com/pjcomputers/highamd.html" style="text-decoration: none">
<font color="#000000">High-End</font></a></i></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(10)" onmouseout="fadeImgend2(10)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="http://www.freewebs.com/pjcomputers/upgrades.html" style="text-decoration: none">
<font color="#000000">Upgrades</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(11)" onmouseout="fadeImgend2(11)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="http://www.freewebs.com/pjcomputers/about.html" style="text-decoration: none">
<font color="#000000">About</font></a></b></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(12)" onmouseout="fadeImgend2(12)" onclick="window.location='#';" style="border:1px solid gray;background-color:silver;width:100;text-align:center" height="21">
<b>
<a href="mailto:smartdude185@hotmail.com,%20ichiro51r f@hotmail.com" style="text-decoration: none">
<font color="#000000">Contact</font></a></b></td>
</tr>
</table>
</td></tr></table>
<p><center>
</center><p>
<!-- Script Size: 4.59 KB -->
</body>
</html>
Linear Mode
