[FadingRollover]

Nightfire Webworker Archiv

Fading- Effekte für Textlink- Navigationen

[Kompatibilität]

[zwischen <HEAD> und </HEAD>]

<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:0.90;
cursor:crosshair;
}
</style>

[zwischen <BODY> und </BODY>]

<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++) {
if(ie5) obj = link_table.rows[i].cells[0];
if(ns6) obj = document.getElementById("link_table").rows[i];
opacity = apl[i][0]
if (apl[i][1] == "Up") {
opacity += nPlus;
apl[i][0] = opacity;
if (apl[i][0] > 99) {
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 = eval(opacity/100);
}
}
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>

<table style="border:1px groove blue; width:130;height:180" cellspacing=0 cellpadding=0>
<tr><td align=center bgcolor=silver>
<font color=blue><b>Nightfire Webworker Archiv</b></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='#';">Home</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';">New</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';">About</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';">Pictures</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';">Partners</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';">Contact</td>
</tr>
</table>
</td></tr></table>

[Autor]

ScriptBreaker

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 365