nicht angemeldet
hi & danke für die "nächtliche" Antwort ;-)
Hier der complette Code:
-------------------------------------------------------------------
<html>
<head>
<title> Sebastian Schneider </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.Menu {position:absolute; width:101px; height:150px; clip:rect(0px 101px 14px 0px); layer-background-color:#CCCCFF; background-color:#CCCCFF; z-index:31; visibility:hidden;}
.MenuUnten {position:absolute; width:101px; height:3px; clip:rect(0px 101px 3px 0px); top:11; layer-background-color:#000000; background-color:#000000; z-index:2;}
.MenuText {position:absolute; width:91px; left:5px; top:15px; font-weight:bold; color:#000000; text-decoration:none; font-family:arial, helvetica, sans-serif; font-size:10px; background-color:#CCCCFF; z-index:1;}
a:link { color:#666699; text-decoration:none; }
a:visited { color:#9999FF; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }
</style>
<script language="JavaScript" type="text/javascript">
function lib_bwcheck(){
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()
nPlace=0
var nNumberOfMenus=2
var nMwidth=101 //The width on the menus (set the width in the stylesheet as well)
var nPxbetween=20 //Pixels between the menus
var nFromleft=15 //The first menus left position
var nFromtop=85 //The top position of the menus
var nBgcolor='#000000' //The bgColor of the bottom mouseover div
var nBgcolorchangeto='#9999FF' //The bgColor to change to
var nImageheight=11 //The position the mouseover line div will stop at when going up!
function makeNewsMenu(obj,nest){
nest=(!nest) ? "":'document.'+nest+'.'
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.evnt.offsetHeight
this.moveIt=b_moveIt;this.bgChange=b_bgChange;
this.slideUp=b_slideUp; this.slideDown=b_slideDown;
this.clipTo=b_clipTo;
this.obj = obj + "Object"; eval(this.obj + "=this")
}
var px = bw.ns4||window.opera?"":"px";
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;}
function b_bgChange(color){this.css.backgroundColor=color; this.css.bgColor=color; this.css.background=color;}
function b_clipTo(t,r,b,l){
if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l
}else this.css.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)";
}
function b_slideUp(ystop,moveby,speed,fn,wh){
if(!this.slideactive){
if(this.y>ystop){
this.moveIt(this.x,this.y-5); eval(wh)
setTimeout(this.obj+".slideUp("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)
}else{
this.slideactive=false; this.moveIt(0,ystop); eval(fn)
}
}
}
function b_slideDown(ystop,moveby,speed,fn,wh){
if(!this.slideactive){
if(this.y<ystop){
this.moveIt(this.x,this.y+5); eval(wh)
setTimeout(this.obj+".slideDown("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)
}else{
this.slideactive=false; this.moveIt(0,ystop); eval(fn)
}
}
}
function newsMenuInit(){
oTopMenu=new Array()
zindex=10
for(i=0;i<=nNumberOfMenus;i++){
oTopMenu[i]=new Array()
oTopMenu[i][0]=new makeNewsMenu('divTopMenu'+i)
oTopMenu[i][1]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i)
oTopMenu[i][2]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i)
oTopMenu[i][1].moveIt(0,nImageheight)
oTopMenu[i][0].clipTo(0,nMwidth,nImageheight+3,0)
if(!nPlace) oTopMenu[i][0].moveIt(i*nMwidth+nFromleft+(i*nPxbetween),nFromtop)
else{
oTopMenu[i][0].moveIt(nFromleft,i*nImageheight+nFromtop+(i*nPxbetween))
oTopMenu[i][0].css.zIndex=zindex--
}
oTopMenu[i][0].css.visibility="visible"
}
}
function topMenu(num){
if(oTopMenu[num][1].y==nImageheight) oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)')
else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20) oTopMenu[num][1].slideUp(nImageheight,10,40,'oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,nMwidth,oTopMenu['+num+'][1].y+3,0)')
}
function menuOver(num){oTopMenu[num][1].bgChange(nBgcolorchangeto)}
function menuOut(num){oTopMenu[num][1].bgChange(nBgcolor)}
if (bw.bw) onload = newsMenuInit;
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" background="bilder/bg.gif" leftmargin="15" marginwidth="15">
<img src="bilder/head.gif" width="740" height="44" alt=" Sebastian Schneider ">
<div id="divTopMenu0" class="Menu"><a href="#" onmouseover="menuOver(0)" onmouseout="menuOut(0)" onclick="topMenu(0); return false;" onfocus="if(this.blur)this.blur();"><img src="bilder/menu1.gif" width=101 height=11 alt=" Menue 1 " border=0 align="top"></a>
<div id="divTopMenuText0" class="MenuText">
<a href="http://www.ideenreich.com">Untermenue 1</a><br>
<a href="#">Untermenue 2</a><br>
<a href="#">Unetrmenue 3</a>
</div>
<div id="divTopMenuBottom0" class="MenuUnten"></div>
</div>
<div id="divTopMenu1" class="Menu"><a href="#" onmouseover="menuOver(1)" onmouseout="menuOut(1)" onclick="topMenu(1); return false;" onfocus="if(this.blur)this.blur();"><img src="bilder/menu2.gif" width=101 height=11 alt=" Menue 2 " border=0 align="top"></a>
<div id="divTopMenuText1" class="MenuText">
<a href="#">Untermenue 1</a><br>
<a href="#">Untermenue 2</a><br>
<a href="#">Untermenue 3</a><br>
<a href="#">Untermenue 4</a><br>
<a href="#">Untermenue 5</a><br>
<a href="#">Untermenue 6</a><br>
<a href="#">Untermenue 7</a>
</div>
<div id="divTopMenuBottom1" class="MenuUnten"></div>
</div>
<div id="divTopMenu2" class="Menu"><a href="#" onmouseover="menuOver(2)" onmouseout="menuOut(2)" onclick="topMenu(2); return false;" onfocus="if(this.blur)this.blur();"><img src="bilder/menu3.gif" width=101 height=11 alt=" Menue 3 " border=0 align="top"></a>
<div id="divTopMenuText2" class="MenuText">
<a href="#">Untermenue 1</a><br>
<a href="#">Untermenue 2</a><br>
<a href="#">Untermenue 3</a>
</div>
<div id="divTopMenuBottom2" class="MenuUnten"></div>
</div>
</body>
</html>
---------------------------------------------------------------------