ich bin gerade dabei mein neues Design anzupassen. Jetzt habe ich ein Problem mit dem Menü.
Ich habe ein Script wo ich den namen des Textes immer ein gebe, jetzt habe ich aber Bilder und jetzt weiß ich nicht wie das geht
<a class="navi" href="#" title="information" onmouseover="show_submenue(this);"><span>INFORMATION</span></a>
<script type="text/javascript" language="javascript">
var hauptmenuepunkt=new Array();
var submenue=new Array();
hauptmenuepunkt[0]="INFORMATION";
submenue[0]="sub1";
hauptmenuepunkt[1]="TEAM";
submenue[1]="sub2";
hauptmenuepunkt[2]="COMMUNITY";
submenue[2]="sub3";
hauptmenuepunkt[3]="MEDIA";
submenue[3]="sub4";
var vorher="sub1";
function show_submenue(menuepunkt,lnk)
{
for(i=0;i<hauptmenuepunkt.length;i++)
{
if(hauptmenuepunkt[i]==menuepunkt.childNodes[0].childNodes[0].nodeValue)
{
menue=submenue[i];
}
}
if(menue!="none")
{
if(vorher=="")
{
fade(0,menue,vorher);
vorher=menue;
}
else
{
if(vorher!=menue)
{
fade(0,menue,vorher);
vorher=menue;
}
}
}
else
{
if(vorher!="")
{
fade(0,'',vorher);
vorher="";
}
}
}
function fade(step, menue, vorher)
{
step = step || 0;
if(menue!="")
{
document.getElementById(menue).style.display="block";
document.getElementById(menue).style.opacity = step/100;
document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")"; // IE
}
step = step + 2;
if(vorher!="")
{
document.getElementById(vorher).style.opacity=1-(step/100);
document.getElementById(vorher).style.filter = "alpha(opacity=" + (100-step) + ")"; // IE
//document.getElementById(menue).style.filter = "alpha(opacity=" + step + ")";
}
if (step <= 100)
{
if(vorher!="" && step==100)
{
document.getElementById(vorher).style.display="none";
}
window.setTimeout(function () { fade(step, menue, vorher); }, 1);
}
}
</script>
betroffene Homepage: externer Link
