CSS-Mouseover mit dem -Tag.


Der Mouseover-Event erscheint vor oder hinter dem eigentlichen Linktext. Fahre mit der Maus über die untenstehenden Textlinks.

Der Trick dabei ist:
Durch die Festsetzung der Linkfarbe innerhalb der "span-Tags" wirkt sich der Hover-Mouseover nicht auf den gesamten Linktext aus.

Quelltext für den Head-Bereich:

< name=select1 rows=12 cols=50>

Body-Bereich: Der Quelltext für das jeweilige Menü-Element steht jeweils unterhalb des Beispiel-Menüs.


[  Link 01  ]
[  Link 02  ]
[  Link 03  ]

< name=select1 rows=6 cols=50> [  Link 01  ]

---

»  Link 01  |
»  Link 02  |
»  Link 03  |

< name=select1 rows=6 cols=50> »  Link 01  |

---

•  Link 01 
•  Link 02 
•  Link 03 

< name=select1 rows=6 cols=50> •  Link 01 

---

  Link 01 
  Link 02 
  Link 03 

< name=select1 rows=6 cols=50>   Link 01 

---

||:  Link 01  :||
||:  Link 02  :||
||:  Link 03  :||

< name=select1 rows=6 cols=50> ||:  Link 01  :||
||:  Link 02  :||
||:  Link 03  :||

---

Bei Wörtern mit unterschiedlicher Anzahl von Buchstaben können die Abstände durch das geschützte Leerzeichen ( ) ausgeglichen werden.

:::  Home     :::
:::  Hobbies  :::
:::  Forum     :::
:::  Me          :::

< name=select1 rows=6 cols=50> :::  Home     :::
:::  Hobbies  :::
:::  Forum    :::

[ Zurück ]