Java script Seitenmenü
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beispiel
fragen
grafische buttons
leiste
meinst
meisten webseiten
menu
men
navigation
paar webseiten
schauen
tabelle
tutorial
unterseite
verstehe
-
Hi
Ich wollte mal wissen ob mir jemand ein java script tutorial geben kann oder so? Ich brauche n?hmlich ein Seitenmen? f?r meine Homepage. Aber mit html ist das ziemlich schwierig. Danke -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Bitte? Wieso soll denn ein "Seitenmen?" schwierig sein?
Pappste dir irgendwo auf deine Seiten die Navigation hin, entweder als reine Textlinks oder als grafische Buttons, verlinkst das jeweils mit den Unterseiten und feddisch...
Oder verstehe ich dich falsch?
salam,
Jelal
-
ich versteh auch nicht ganz wie n HTML menu schwer sein soll ... tabelle und da die Links rein und fertig ?
aber naja vl meinst du ja was anderes ...
<HEAD>
<STYLE>
#menuOut, #menuIn
{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px #FFFFFF;
background-color:#96b7d0;
layer-background-color:#96b7d0;
font:bold 12px Verdana;
line-height:20px;
}
</STYLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (document.all)
document.write('<div id="menuIn" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
// End -->
</script>
<layer id="menuOut" onMouseover="pull()" onMouseout="draw()">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var siteName = new Array();
var siteLink = new Array();
siteName[0] = "me@lima";
siteName[1] = "linktext 2";
siteName[2] = "linktext 3";
siteName[3] = "linktext 4";
siteName[4] = "linktext 5";
siteName[5] = "linktext 6";
siteLink[0] = "http://loric.milten.lima-city.de/";
siteLink[1] = "link2";
siteLink[2] = "link3";
siteLink[3] = "link4";
siteLink[4] = "link5";
siteLink[5] = "link6";
for (i = 0; i <= siteName.length - 1; i++)
document.write('<a href=' + siteLink + '>' + siteName + '</a><br>');
// End -->
</script>
</layer>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function regenerate() {
window.location.reload();
}
function regenerate2() {
if (document.layers)
setTimeout("window.onresize=regenerate", 400);
}
window.onload = regenerate2;
if (document.all) {
document.write('</div>');
slideMenu = document.all.menuIn.style;
boundryR = 0;
boundryL = -150;
}
else {
slideMenu = document.layers.menuOut;
boundryR = 150;
boundryL = 10;
}
function pull() {
if (window.drawMenu)
clearInterval(drawMenu);
pullMenu = setInterval("pullEngine()", 50);
}
function draw() {
clearInterval(pullMenu);
drawMenu = setInterval("drawEngine()", 50);
}
function pullEngine() {
if (document.all && slideMenu.pixelLeft < boundryR)
slideMenu.pixelLeft += 5;
else if(document.layers && slideMenu.left < boundryR)
slideMenu.left += 5;
else if (window.pullMenu)
clearInterval(pullMenu);
}
function drawEngine() {
if (document.all && slideMenu.pixelLeft > boundryL)
slideMenu.pixelLeft -= 5;
else if(document.layers && slideMenu.left > boundryL)
slideMenu.left -= 5;
else if (window.drawMenu)
clearInterval(drawMenu);
}
// End -->
</script>
<center>
hier der rest ....
</center><p>
pap das einfach mal in n HTML document und ?ffne es, wenns das is was du willst ... freu dich ^^
ja d?rfte dann recht selbsterkl?rend sein
und leicht zu ver?ndern...
... aber wenn du noch fragen hast ...
-
Falls dir obige L?sung nicht reicht einfach mal auf http://www.javascriptsource.com vorbeischauen und suchen... da gibts tausende Men?s :)
-
Cool danke f?r die Antworten... Aber ich habe immer noch eine Frage. Wo sind auf der Seite denn die Men?s?
-
Bei den meisten Webseiten sind die Menue - Leisten links (wegen der normalen Leserichtung), geht aber auch oben, wie zum Beispiel bei lima-city!
Schau dir mal 'n paar Webseiten an, wo da die weiterf?hrenden Links angebracht sind. Wenn Du sie nicht gleich finden oder erkennen kannst, nimm dir kein (!) Beispiel dran! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
