nicht angemeldet
Hallo,
hier ein Beispiel, das man nach Lust modifizieren kann.
Läuft auf allen gängigen Browsern.
Viel Spaß damit.
Gruß riethmunk
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Rollmenu</title>
<script language="JavaScript">
<!--
//################################################
// Browserweiche fuer die gaengigsten Browser
ns4 = ((document.captureEvents) && (!document.getElementById)) ? true : false;
ie = ((document.all) && (window.offscreenBuffering)) ? true : false;
ns6 = ((document.getElementById) && (!document.all) && (document.documentElement)) ? true : false;
op = ((document.getElementById) && (navigator.userAgent.indexOf('Opera') != -1)) ? true : false;
moz = ((document.getElementById) && (navigator.userAgent.indexOf('Mozilla') != -1)) ? true : false;
//################################################
if (ie||ns6||op||moz) {
document.write('<div id="slidemenu" style="position:absolute; left:108px; top:80px"><table width="102" height="52" cellspacing="0" cellpadding="1" border="0"><tr><td width="100%" align="center" bgcolor="#808080"><table bgcolor="#FFFFFF" width="100" height="50" cellspacing="0" cellpadding="0" border="0"><tr><td align="center">Menu Sroll Test</td></tr></table></td></tr></table></div>');
}
if (ns4) {
document.write('<layer id="slidemenu"><table width="102" height="52" cellspacing="0" cellpadding="1" border="0"><tr><td width="100%" align="center" bgcolor="#808080"><table bgcolor="#FFFFFF" width="100" height="50" cellspacing="0" cellpadding="0" border="0"><tr><td align="center">Menu Sroll Test</td></tr></table></td></tr></table></layer>');
}
function rollnow() {
if (ie) {
element = "slidemenu";
prop = ".style.pixelTop=";
y_pos = document.body.scrollTop + 50;
}else if (ns6||op||moz) {
element ="document.getElementById('slidemenu')";
prop = ".style.top=";
y_pos = window.pageYOffset + 50;
}else if (ns4) {
element ="document.slidemenu";
prop = ".top=";
y_pos = window.pageYOffset + 50;
}
eval(element + prop + y_pos);
setTimeout("rollnow()",10);
}
window.onload = rollnow;
//-->
</script>
</head>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
erste Stufe
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
zweite Stufe
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
dritte Stufe
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
vierte Stufe
</body>
</html>