Archivlink: javarea.de Forum > JavaScript > Rollover Menue - bin zu doof
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Rollover Menue - bin zu doof

Pages: [1]
geschrieben von RedIndian am 15.03.2007 - 09:37
Hi!

Ich habe hier folgendes gefunden:

<style>
#linksmenu{position: absolute;top: 0;left: 0;z-index: 1;}
#links{ position: absolute;top: -120;left: 0;z-index: 0;}
#infomenu{position: absolute;top: 0;left: 60;z-index: 1;}
#info{position: absolute;top: -92;left: 60;z-index: 0;}
.menu {position:absolute;left:450;top:230;}
.background {position:absolute;left:450;top:105;height:130;width:160;background-color:#f4f7fd; }

</style>

<script language="JavaScript">
<!--
var eypos=-124, ejump=-4;
var typos=-92, tjump=-4;
var delay=2;
function do_links()
{
if(typos>-92)
{
tjump=-4;
if(typos>=30)
info_fahren();
}

ejump=-ejump;
if(eypos<=-122 || eypos>=30)
links_fahren();
}
function links_fahren()
{
if(document.layers) document.links.top=eypos; else document.all.links.style.top=eypos;
eypos+=ejump;

if(eypos>-122 && eypos<30)
setTimeout("links_fahren()", delay);
}
function do_info()
{
if(eypos>-122)
{
ejump=-4;
if(eypos>=30)
links_fahren();
}
tjump=-tjump;
if(typos<=-92 || typos>=30)
info_fahren();
}
function info_fahren()
{
if(document.layers) document.info.top=typos; else document.all.info.style.top=typos;
typos+=tjump;

if(typos>-92 && typos<30)
setTimeout("info_fahren()", delay);
}
// -->
</script>


<div class="menu">
<div id="linksmenu">
<table width="60" height="30" bgcolor="deepskyblue" cellspacing="0">
<tr>
<td align="middle"><a href="javascript:do_links()"><b>Links</b></a> </td>
</tr>
</table>
</div>

<div id="infomenu">
<table width="60" height="30" bgcolor="deepskyblue" cellspacing="0">
<tr>
<td align="middle"><a href="javascript:do_info()"><b>Info</b></a> </td>
</tr>
</table>
</div>

<div id="links">
<table bgcolor="ff8000" width="80" height="120" cellspacing="0">
<tr>
<td>Scripte </td>
</tr>
<tr>
<td>Applet </td>
</tr>
<tr>
<td>Tools </td>
</tr>
<tr>
<td>Gästebuch </td>
</tr>
</table>
</div>

<div id="info">
<table bgcolor="ff8000" width="80" height="90" cellspacing="0">
<tr>
<td>PC Hilfe </td>
</tr>
<tr>
<td>Win Systeme </td>
</tr>
<tr>
<td>Netzwerk </td>
</tr>
</table>
</div>
</div><div class="background"></div>

Jetzt weiß ich aber nicht wie ich das in meine Webseite vernünftig einbaue!!!

Mein Quellcode:

<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>FÜR EUCH UNWICHTIG </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body link="#000000" vlink="#000000" alink="#000000" background="img/bg.jpg">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; position: absolute; left: 200; top: -1; height: 601" bordercolor="#000000" width="624" id="AutoNumber1">
<tr>
<td width="100%" height="97">
<img border="0" src="img/test.jpg" style="position: absolute; top: 0" width="624" height="149"></td>
</tr>
<tr>
<td width="100%" height="297">
<iframe name="iframe" border="1" frameborder="1" style="position: absolute; top: 202; left: -3; border-style: ridge; border-width: 1; padding: 0" width="624" src="begruessung.htm" height="395">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.</iframe></td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; position: absolute; left: 190; top: -1" bordercolor="#111111" width="10" id="AutoNumber2" height="601">
<tr>
<td width="100%" background="img/shad_l.gif">&nbsp;</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; position: absolute; top: -1; height: 601; left: 824" bordercolor="#111111" width="10" id="AutoNumber3" background="img/shad_r.gif">
<tr>
<td width="100%">&nbsp;</td>
</tr>
</table>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; position: absolute; left: 190; top: 600" bordercolor="#D8D8D8" width="645" id="AutoNumber5" background="img/bg_tab_uebersicht.jpg">
<tr>
<td width="60">
<p align="center"><font size="1"><a target="iframe" href="kontakt.htm">KONTAKT</a></font></td>
<td width="502">
<p align="center"><font size="1">© Copyright FÜR EUCH UNWICHTIG | Alle Rechte vorbehalten</font></td>
<td width="78">
<p align="center"><font size="1"><a target="iframe" href="impressum.htm">IMPRESSUM</a></font></td>
</tr>
</table>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; position: absolute; left: 200; top: 150; width: 624" bordercolor="#D8D8D8" width="622" id="AutoNumber6" background="img/bg_tab_uebersicht.jpg" height="28" bgcolor="#D8D8D8">
<tr>
<td width="13%" align="center">Ortsgruppe</td>
<td width="13%" align="center"><a target="iframe" href="vogel.htm">Vogel des Jahres</a></td>
<td width="13%" align="center">Aktuelles</td>
<td width="13%" align="center">Projekte</td>
<td width="12%" align="center"><a target="iframe" href="termine.htm">Termine</a></td>
<td width="12%" align="center"><a target="iframe" href="mitglied.htm">Mitglied werden</a></td>
<td width="12%" align="center"><a target="iframe" href="links.htm">Links</a></td>
<td width="12%" align="center"><a target="iframe" href="kontakt.htm">Kontakt</a></td>
</tr>
</table>

</body>

</html>

Und zwar sollen sich bei ORTSGRUPPE, AKTUELLES und PROJEKTE die Menüs mit weiteren Links öffnen!

WER KANN HELFEN!!!!

geschrieben von RedIndian am 15.03.2007 - 10:35

geschrieben von René am 15.03.2007 - 11:20
Probier mal so:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 

Link[0] = '0|ICH';
Link[1] = '1|ICH|ich.htm|';

Link[2] = '0|HOBBYS';
Link[3] = '1|HOBBYS|hobbys.htm|';

Link[4] = '0|FOTOS';
Link[5] = '1|Sonstige Bilder|sonstpics.htm|';
Link[6] = '1|Sylvester 2004|sylv04.htm|';
Link[7] = '1|Sportclub Live|sclive.htm|';
Link[8] = '1|Frühlingsdom 2004|fdom04.htm|';
Link[9] = '1|Herbstdom 2004|hdom04.htm|'

Link[10] = '0|LINKS';
Link[11] = '1|LINKS|links.htm|';

Link[12] = '0|SONSTIGES';
Link[13] = '1|Tattoos|tattoos.htm|';
Link[14] = '1|GÄSTEBUCH|http://129482.guestbook.onetwomax.de|';
Link[15] = '1|FORUM|http://106204.forum.onetwomax.de|';
Link[16] = '1|HOME|hallo.htm|';
Link[17] = '1|IMPRESSUM|impressum.htm|';
Link[18] = '1|KONTAKT|kontakt.htm|';

geschrieben von RedIndian am 15.03.2007 - 11:35
PERFEKT!!!
DANKE!!

Hast Du noch ne Idee zu meiner ersten Frage?

geschrieben von RedIndian am 15.03.2007 - 13:57
wie sage ich ihm, dass das menü an einer bestimmten stelle plaziert werden soll?

habe alles was ich weiß im css-bereich probiert, aber erfolglos!!!

geschrieben von Speedy19102000 am 16.03.2007 - 01:31
Zitat
 Original geschrieben von RedIndian am 15.03.2007 - 13:57

...wie sage ich ihm, dass das menü an einer bestimmten stelle plaziert werden soll?


Probier´s mal so:

<div style="position: absolute; left: 0px; top: 0px;">
Hier Dein Menue einsetzen!
</div>

Positionieren mit "left: 0px; top: 0px"

MfG Speedy

geschrieben von weisnix am 16.03.2007 - 09:51
fast richtig.

<div style="position: absolute; left: 100px; top: 200px;">
<script type="text/javascript">
<!--
startup(1);
//-->
</script>
</div>

geschrieben von RedIndian am 19.03.2007 - 13:20


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.