Frågan#1
Har sett det nåra gånger...
Typ på länkar så använder man ju vanlig CSS typ hover o så, så den byter färg. Men har sett att färgerna "fadar" smyger fram lite, inte bara byter på en gång...
Nån som fattar va jag menar o som vet hur man gör?
Fade på länkar
4 svar · 266 visningar · startad av Ceeron
Ouch!
Jag snickrade ju ihop ett. Men jag gjorde så att man la färgerna i en array. :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript">
var g_color = ["#000000", "#333333", "#666666", "#999999", "#CCCCCC", "#FFFFFF"];
var g_i = 0;
var g_obj, g_event;
function fade(obj, event)
{
g_obj = obj;
g_event = event;
fadeLink();
}
function fadeLink()
{
if (!g_obj.style || g_obj.style.color == null) return;
g_obj.style.color = g_color[g_i];
if (g_event == "over")
{
g_i++;
if (g_i < g_color.length)
setTimeout("fadeLink();", 100);
return;
}
else
{
g_i--;
if (g_i >= 0)
setTimeout("fadeLink();", 100);
return;
}
}
function modifyLink()
{
for (var i = 0; i < document.links.length; i++)
{
document.links[i].onmouseover = new Function("fade(this, 'over');");
document.links[i].onmouseout = new Function("fade(this, 'out');");
}
}
window.onload = modifyLink;
</script>
</head>
<body>
<a href="http://www.incordia.se/">Incordia</a>
</body>
</html>