Hej ripley,
Da jeg ikke kender lignende scripts har jeg bare fixet det du refererer til så det er browser-uafhængigt, dvs virker med alle browsere. Der var en del små-fejl i det eller fejl som ikke følger standarden, så de er rettet og en html-side med scriptet ses nedenfor:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<title>lukke parent demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
var hex = new Array(8);
var set = new Array(4);
var set1 = new Array(0,0,0,0,0);
hex[0] = "#CCCCCC";
hex[1] = "#BBBBBB";
hex[2] = "#AAAAAA";
hex[3] = "#999999";
hex[4] = "#888888";
hex[5] = "#777777";
hex[6] = "#666666";
hex[7] = "#555555";
hex[8] = "#444444";
function rollon(n)
{
if (n==1){set[1]=1}
if (n==2){set[2]=1}
if (n==3){set[3]=1}
if (n==4){set[4]=1}
}
function rolloff(n)
{
if (n==1){set[1]=0}
if (n==2){set[2]=0}
if (n==3){set[3]=0}
if (n==4){set[4]=0}
}
function color()
{
var item1 = document.getElementById("item1");
var item2 = document.getElementById("item2");
var item3 = document.getElementById("item3");
var item4 = document.getElementById("item4");
if (set[1]==1)
{
if (set1[1]==8){}
else{set1[1]++ ;item1.style.background = hex[set1[1]] }
}
else
{
if (set1[1]==0){} else{set1[1]=set1[1]-1 ;item1.style.background = hex[set1[1]] }
}
if (set[2]==1)
{
if (set1[2]==8){} else{set1[2]++ ;item2.style.background = hex[set1[2]] }
}
else
{
if (set1[2]==0){} else{set1[2]=set1[2]-1 ;item2.style.background = hex[set1[2]] }
}
if (set[3]==1)
{
if (set1[3]==8){} else{set1[3]++ ;item3.style.background = hex[set1[3]] }
}
else
{
if (set1[3]==0){} else{set1[3]=set1[3]-1 ;item3.style.background = hex[set1[3]] }
}
if (set[4]==1)
{
if (set1[4]==8){} else{set1[4]++ ;item4.style.background = hex[set1[4]] }
}
else
{
if (set1[4]==0){} else{set1[4]=set1[4]-1 ;item4.style.background = hex[set1[4]] }
}
setTimeout("color()",100)
}
</script>
</head>
<body onload="color()">
<table border="1" cellpadding="0" cellspacing="0" bgcolor="#cccccc" bordercolor="#000000" width="100" >
<tr>
<td id="item1" onmouseover="rollon(1)" onmouseout="rolloff(1)">
<center><font color="#cc0000">Menu</font></center>
</td>
</tr>
<tr>
<td id="item2" onmouseover="rollon(2)" onmouseout="rolloff(2)">
<center><font color="#cc0000">Intro</font></center>
</td>
</tr>
<tr>
<td id="item3" onmouseover="rollon(3)" onmouseout="rolloff(3)"><center><font color="#cc0000">Topic1</font></center>
</td>
</tr>
<tr>
<td id="item4" onmouseover="rollon(4)" onmouseout="rolloff(4)"><center><font color="#cc0000">Topic 2</font></center>
</td>
</tr>
</table>
</body>
</html>
Håber det var det du søgte!
- Snap
Ny bruger
Nybegynder
Opret
Preview
