Link Effect

Hier finden Sie alle Zeilen des im Artikel angegebenen Codes und sparen sich so das lästige Abtippen. Um den Code zu verwenden, folgen Sie bitte der Beschreibung im Heft.


<font color="yellow" size="4" face="Arial Narrow">



Put your cursor over 
<a href="http://www.dave-web.co.uk/" title="Dave-Web.co.uk">THIS</a><font size="4">
for the results.<br>
This is a modified script that did not work in tables and had errors. I have fixed them all 
and its ready. This is the coolest MouseOver effect you will ever see. Table Preview Follows:
<p><br><p>
<table border="5" bordercolor="blue" width="300">
<td align="center"><font color="yellow" size="2" face="Arial Narrow"><b>

<!-- Make Sure The Font Options Are Before And After The Font Alterations -->

<a href="http://www.dave-web.co.uk" title="My Site... LOTS Of Free Stuff">
Dave-Web.co.uk</td></tr>
<td align="center"><font color="yellow" size="2" face="Arial Narrow"><b>
<a href="mailto:dave@dave-web.co.uk?subject=Link_Highlighter" title="Mail Me For Help On This Script">
E-Mail Me</td></tr></table>



<!-- ------ START LINK EFFECT ------ do not change what you dont understand ------ -->

<STYLE>
a{position:stretch;color:lime;}
body{background:black;color:white}
</STYLE>

<SCRIPT>
function Init()
{
var i=0;
while(document.links.length>i)
{
document.links(i).style.position="";
document.links(i).style.height=document.links(i).style.width+0;
i++;
}
}
function handleevent()
{
if(event.type=="mouseover")
if(event.srcElement.tagName=="A") 
{  
event.srcElement.style.filter="shadow(color=lime,enabled=1)";
}
if (event.type=="mouseout")
if(event.srcElement.tagName=="A") 
{
event.srcElement.style.filter="";
}
}
document.onmouseover=handleevent;
document.onmouseout=handleevent;
document.body.onload=Init;
</SCRIPT>

<!-- The below text controls the color of the text onmouseover, not the shadow -->

<HEAD>
<STYLE><!--a:hover{color:red; }--></STYLE>
</HEAD>

<!-- Delete from style to style of the below for the underline the links -->

<STYLE>A {
 TEXT-DECORATION: none
}
</STYLE>

<!-- ------ END LINK EFFECT ------ -->