nicht angemeldet
slidemenü anpassen, echte probs....!
hi, ich habe folgendes problem, ich suche nen script was sich leicht anpassen lässt, und mir nen ausfahrbares menü erzeugt, das aber nicht wie die anderen von links in die seite scrollt, sondern von oben, hat da jemand was für mich??? ich habe jetzt gestern den ganzen tag versucht irgendwo so ein slidemenü im netz zu finden, dabei aber nur den quelltext zu dem untenstehenden gefunden, aber dafür immer den gleichen quelltext von garantiert 20 verschiedenen authoren (ob das so stimmt wage ich zu bezweifeln), nun wenn ihr kein passendes menü für mich habt, könntet ihr mir den untenstehenden quelltext anpassen? wäre euch echt dankbar...
habe das anpassen gestern auch selber mal versucht, nur irgendwie tat sich da nachher garnichts mehr.... ;-)
hoffe das einer mir helfen kann....
gruss Markus
<html>
<head>
<title>DHTML-Beispiel - Sliding Menu</title>
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:70px;
border:1.5px solid #800000;
background-color:#E6E6E6;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
</head>
<body BGCOLOR="#FFFFFF" link="#800000" vlink="#800000" alink="#FF0000" topmargin="5"
background="">
<script language="JavaScript1.2">
/*
Sliding Menu Bar
*/
if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()
//extend or shorten this list
sitems[0]="Test"
sitems[1]="Test"
sitems[2]="Test"
sitems[3]="Test"
sitems[4]="Test"
//These are the links pertaining to the above text.
sitemlinks[0]="link"
sitemlinks[1]="link"
sitemlinks[2]="link"
sitemlinks[3]="link"
sitemlinks[4]="link"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script
language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
<div align="center"><center>
<table border="0" width="566">
<tr>
<td width="100%"><p align="center"><font face="Verdana"><big><strong>{<font
color="#000080">DHTML : Ausfahrbares Menü</font>}</strong></big></font></p>
<p align="left"><font face="Verdana"><small>Am linken Rand öffnet sich ein Menü, sobald
man mit der Maus darüberfährt.</small></font></p>
</td>
</tr>
</table>
</center></div>
</body>
</html>