onmouseout stop active link... [Archive]

mattover-matter

04-03-2003, 02:24 AM

I am messing with filters, and found this at w3schools. I did some editing to it:

<html>
<head>
<title>The Script Dominion</title>
<style>
body {
margin: 0px;
background-color: #000000;
}
a
{
color:black;
width:150;
text-decoration: none;
}

a:link {color: #990000}
a:visited {color: #990000}
a:hover {color: #0000ff;}
a:active {color: #000000}
</style>
<script type="text/javascript">
var i
function glow()
{
i=0
interval=setInterval("makeglow(myLink)",1)
}

function back()
{
clearInterval(interval)
myLink.style.filter=false
}

function makeglow()
{
i++
if (i<5)
{
myLink.style.filter="glow(color=#ffffff,strength=" + i + ")"
}
else if (window.interval)
{
clearInterval(interval)
}
}

</script>
</head>
<body>
<a href="default.asp" id="myLink" onmouseover="glow()" onmouseout="back()">Mouse over this link</a>
</body>
</html>

but, if u click and hold on a link and move your mouse away and let go, the image retains the a:active {} style. Is there anyway to stop this onmouseout? :(