DHTML: Ausklappbares Menü - Mauszeiger verändern
David Meier
- dhtml
Hallo,
habe folgenden Code mithilfe eines Tuts gebastelt. Das Resultat sieht gut aus, nur verändert sich der Mauszeiger nicht, wenn dieser über das Menü streift. Wie kann ich dies ändern? Ich will, dass der Zeiger so aussieht, als ob ich über eine klickbare Menüfläche wander.
<!-- Keep all menus within masterdiv-->
<div id="masterdiv" style="width: 140; height: 343">
<br><br>
<div class="menutitle" onclick="SwitchMenu('sub1')">Sozialisation im Kindergarten</div>
<span class="submenu" id="sub1">
- <a href="seite.htm">Sub1</a><br>
- <a href="seite.htm">Sub2<br>
</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">
<p align="center">Menüpunkt</div>
<span class="submenu" id="sub2">
- <a href="seite.htm">Sub1</a><br>
- <a href="seite.htm">Sub2</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Forum</div>
<span class="submenu" id="sub3">
- <a href="seite.htm">Login</a><br>
- <a href="seite.htm">Regeln</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">Links</div>
<span class="submenu" id="sub4">
- <a href="seite.htm">Sub1</a><br>
- <a href="seite.htm">Sub2</a>
</span>
</div>
Hi,
habe folgenden Code mithilfe eines Tuts gebastelt.
entweder war dieses nicht wirklich prickelnd, oder Du hast das ein oder andere daraus übersehen.
<div id="masterdiv" style="width: 140; height: 343">
140 Parsec passen beispielsweise auf keinen handelsüblichen Bildschirm. Oder redest Du von 140 Wassertoffatomdurchmessern?
Das Resultat sieht gut aus, nur verändert sich der Mauszeiger nicht, wenn dieser über das Menü streift. Wie kann ich dies ändern?
Mit Hilfe der cursor-Eigenschaft.
Ich will, dass der Zeiger so aussieht, als ob ich über eine klickbare Menüfläche wander.
Was natürlich irreführend ist, sobald im Client JavaScript deaktiviert ist bzw. er dies gar nicht kann. Das Tutorial hat das selbstverständlich beachtet.
<br><br>
Ob welchen Grundes hat der *Inhalt* dieser Seite zwei aufeinanderfolgende Umbrüche?
<span class="submenu" id="sub1">
- <a href="seite.htm">Sub1</a><br>
- <a href="seite.htm">Sub2<br>
</a>
</span>
Und ob welchen Grundes ist hier a) die Schachtelung nicht einheitlich und b) der *Inhalt* für die Darstellung verantwortlich, sprich: Welchen Zweck erfüllen die <br>s?
<p align="center">Menüpunkt</div>
Auch wenn dies in transitional HTML nicht falsch ist, solltest Du das <p> schließen.
Cheatah
Hi,
habe folgenden Code mithilfe eines Tuts gebastelt.
Ich kenne nur Tutties, muss an der Tochter liegen: http://selfhtml.teamone.de/css/eigenschaften/anzeigefenster.htm#cursor
Gruesse Joachim