Hurtigere mouseover
HejJeg har følgende script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>xxxxx</title>
<style type="text/css">
<!--
body {
background-image: url(gfx/bg.gif);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {
font-size: 36px;
font-weight: bold;
color: #FFFFFF;
}
-->
</style>
<script language="javascript" type="text/javascript">
var OpC = new Array();
var ie = (document.all)?true:false;
var moz = (navigator.userAgent.indexOf("Gecko")>-1);
function startOpChange(elm,end,tim){
if (!ie && !moz)return;
var idx = OpC.length;
for(var i=0;idx>i;i++){
if(OpC[i][0]==elm){
clearInterval(OpC[i][4]);
idx = i;
break;
}
OpC[idx] = new Array();
}
if(idx==0)OpC[idx] = new Array();
if(ie)actOp=elm.filters.alpha.opacity;
else if(css3)actOp=(elm.style.opacity*100);
else actOp=(elm.style.MozOpacity*100);
if (actOp!=end){
OpC[idx][0]=elm;
OpC[idx][1]=actOp;
OpC[idx][2]=end;
OpC[idx][3]=(end>actOp)?1:-1;
var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
OpC[idx][4]=setInterval("opChange("+idx+")",delayTime);
}
}
function opChange(idx){
OpC[idx][1]+=OpC[idx][3];
if (ie)OpC[idx][0].filters.alpha.opacity=OpC[idx][1];
else if(css3)OpC[idx][0].style.opacity=Math.min(0.99,OpC[idx][1]/100);
else OpC[idx][0].style.MozOpacity=Math.min(0.99,OpC[idx][1]/100);
if (OpC[idx][1]==OpC[idx][2]){
clearInterval(OpC[idx][4]);
return;
}
}
</script>
</head>
<table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="center" align="middle">
<div align="center">
<table width="50%" border="0" cellpadding="0" cellspacing="20" bgcolor="#D6D6D6">
<tr>
<td><img src="pics/kokbad.gif" name="kok" width="420" height="380" border="0" id="kok" name="kokbad" style="filter:alpha(opacity=40);-moz-opacity:0.5;opacity:0.5;" onmouseover="startOpChange(this,100,01);" onmouseout="startOpChange(this,40,01);">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center" class="style1">Køkken & Bad </div></td>
</tr>
</table></td>
<td><img src="pics/erhverv.gif" name="erhverv" width="420" height="380" border="0" id="erhverv" name="erhverv" style="filter:alpha(opacity=40);-moz-opacity:0.5;opacity:0.5;" onmouseover="startOpChange(this,100,01);" onmouseout="startOpChange(this,40,01);">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center" class="style1"><strong>Erhverv</strong></div></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
</tr>
</table>
</body>
</html>
hvordan får jeg den til at gøre at når man køre musen hen over, så fader den meeeget hurtigere end den gør nu ?
