[Beschreibung]
Fading- Effekte für Textlink- Navigationen
[Kompatibilität]
[Code]
<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>
<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>
ScriptBreaker
Kopieren Sie bitte den Code