thank you for the reply :thumbsup: I actually fixed it though, for anyone that was having the same problem, look at this:
<script>
var i=0;
var j=0;
var k=0;
var Timer;
function fade(id) {
if(k<=164){
clearTimeout(Timer);
window.status=i+" "+j+" "+k;
document.getElementById(id).style.backgroundColor='rgb('+ i +','+ j +','+ k +')';
i=i+3;
j=j+5;
k=k+5;
Timer=setTimeout(function() {fade(id)},0);
}else{
clearTimeout(Timer);
}
}
function fadeout(id) {
if(k>=0){
clearTimeout(Timer);
window.status=i+" "+j+" "+k;
document.getElementById(id).style.backgroundColor='rgb('+ i +','+ j +','+ k +')';
i=i-3;
j=j-5;
k=k-5;
Timer=setTimeout(function() {fadeout(id)},0);
}else{
clearTimeout(Timer);
}
}
</script>
<style>
a{font-variant:small-caps;
color:#FFFFFF;
text-decoration:none;
padding-left:25px;
font-weight:bold;
width:250px;
border:1px solid white;
background:url('http://www.singleparadox.com/images/DD_li_over.gif') no-repeat left;
}
</style>
<body bgcolor="black">
<a id="yus" onmouseover="fade(this.id);" onmouseout="fadeout(this.id);" href=http://www.codingforums.com/archive/index.php/"http://www.singleparadox.com">Home</a><br>
<a id="yus2" onmouseover="fade(this.id);" onmouseout="fadeout(this.id);" href=http://www.codingforums.com/archive/index.php/"http://www.singleparadox.com">Links</a><br>
<a id="yus3" onmouseover="fade(this.id);" onmouseout="fadeout(this.id);" href=http://www.codingforums.com/archive/index.php/"http://www.singleparadox.com">Music</a><br>
<a id="yus4" onmouseover="fade(this.id);" onmouseout="fadeout(this.id);" href=http://www.codingforums.com/archive/index.php/"http://www.singleparadox.com">Contact</a><br>
As of now I am working on a script that makes a variable each time it sees a link, therefore multiple fades can happen at once. I will post that as well when I am done. Thanks again ImperialSpider.
TOP
