Hover Effekt in der vertikalen Navi

Gehe zu Seite:

Geschlossen

Mi. 14.05.2008 12:31 Uhr #1

Ass_assin Mitglied

Registriert seit
24.04.2008

Beiträge
23

Beitragswertungen

Also, ich hab da mal eine Frage ^^ wieder mal
Ich vermute jetzt schon, dass es schwer wird, aber ich dachte, frag ich einfach mal.

Da ich mehrere Links in der vertikalen Navigation haben will, aber mein Platz nicht reicht, bräuchte ich so einen Effekt, ich denke mal, es ist ein Hover Effekt, dass wenn ich über den Button fahr, eine Liste mit anderen, kleineren Buttons kommt.
Ist ein bisschen schwer zu erklären, aber ich hab da mal ein Beispiel gefunden.
externer Link
Da steht ja Main Navi, und wenn man drüberfährt, kommt so eine kleine Liste mit Links.
Aber ich hab keine Ahnung, wie man das machen könnte ^^.

Vielleicht eine Tabelle anlegen, und die Liste, die dann erscheinen soll, irgendwie verstecken, und die soll dann erscheinen, wenn man drüberfährt. Mit div vielleicht?
Vielleicht ist es auch leichter, dass das erscheint, wenn man draufklickt, aber ich kanns trotzdem nicht ^^.

Ich weiß schon, dass das wahrscheinlich viel Arbeit ist, aber wenn jemand so was zufällig hat oder wenns einer macht, wäre ich froh. Ansonsten lös ich das Platzproblem irgendwie anders ^^.

Danke
MfG
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 14.05.2008 15:15 Uhr #2

Jan Hall Of Fame

Registriert seit
17.01.2007

Beiträge
3.646

Beitragswertungen

Such dir hier ein Menü aus, und bau es in deine index.htm ein.

dynamicdrive.com/dynamicindex1/index.html
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 14.05.2008 15:59 Uhr #3

Ass_assin Mitglied

Registriert seit
24.04.2008

Beiträge
23

Beitragswertungen
Ah genial...

ich hab auch genau das gefunden was ich wollte:
dynamicdrive.com/dynamicindex1/dropdowncontrol.htm

Allerdings klappt des bei mir nicht ^^
Bei mir steht alles davor schon da und wird nicht versteckt.
Ich habs erst an ner normalen datei am pc probiert, die ich dann auf .htm geändert hab und habs dann auch mal auf der homepage an einer extra seite ausprobiert, aber irgendwie klappt des nicht

Es ist ja der
```
<div id="menu_parent">Main Menu</div>

<div id="menu_child">
<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>
</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
```
Wenn ich den z.B. auf den Code änder:
```
<div id="menu_parent">Seiten</div>

<div id="menu_child">
<a href="http://www.google.de">Google</a>
<a href="http://www.ebay.de">Ebay</a>
<a href="http://web.de">Web</a>
</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
```
Dann steht alles schon dran...

Und kann man das auch mit Bilder/Buttons machen, also dass ich anstatt "Googl" <img src=""> hinschreib?

Danke
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 15.05.2008 08:03 Uhr #4

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Bestimmt, versuchs doch einfach aus?

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren

Do. 15.05.2008 13:45 Uhr #5

Ass_assin Mitglied

Dazu müsste aber erstmal der Code klappen...

Die weiteren Links werden nicht aufgeklappt wenn ich draufgeh, sondern stehen schon dran...

Ich hab jetzt mal nen andren Code probiert, da wird auch nichts zuvor schon angezeigt, aber es wird auch nichts aufgeklappt ^^ Hier mal der

<script type="text/javascript">
function Klappen(Id) {
var KlappText = document.getElementById('Lay'+Id);
var KlappBild = document.getElementById('Pic'+Id);
var jetec_Minus="inhalt/codeschnipsel/minus.gif", jetec_Plus="inhalt/codeschnipsel/plus.gif";
if (KlappText.style.display == 'none') {
KlappText.style.display = 'block';
KlappBild.src = jetec_Minus;
} else {
KlappText.style.display = 'none';
KlappBild.src = jetec_Plus;
}}
</script>
<strong><u><a href="javascript:Klappen(1)"><img src="http://dieclanhomepage.di.funpic.de/uploads/Images/GNBL/Teams/keineahnung2on2.jpg" id="Pic1" border="0"></a></u></strong>
<div id="Lay1" style="display: none;">
<a href="http://gnbl.de.tp><img src="http://dieclanhomepage.di.funpic.de/uploads/Images/GNBL/Banner/GNBL-Banner-1.gif"></a>
</font>
</div>

Wenn ich aber bei dem, was aufgeklappt werden soll, kein Bild, sondern ein normalen Text mach, klappts...und das versteh ich nicht

0 Mitglieder finden den Beitrag gut.

zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Hover Effekt in der vertikalen Navi