Tipps und Tricks




Tipps zu mouseover



Link aendert Text bei mouseover, interessant zb bei zweisprachigen Seiten,
zuerst der Quelltext, der Link wird in der seitenweit eingestellten Farbe angezeigt.

<font size="4"><a href="tipsweb.html">
<font onmouseover="this.innerHTML='English';"
onmouseout="this.innerHTML='Deutsch';">Deutsch</font></a>
</font>

und so siehts aus
Deutsch



Link aendert Farbe und Text, seitenweit eingestellt Links nicht unterstrichen
-bei hover/drueberfahren unterstrichen

<a href="linksonmouse#top.html"><font size="4" color="#cc0000"
onmouseover="this.innerHTML='und blau';this.style.color='#3366ff';"
onmouseout="this.innerHTML='Testlink rot';this.style.color='#cc0000';">
Testlink rot</font></a>

und das Ergebnis

Testlink rot




Tabellenzellen und Zeilen aendern Farbe bei mouseover
Zelen mit verschiedenen Rahmenstaerken 1px-3px
<table align="center" width="400" border="0" cellspacing="7" cellpadding="2">
     <tbody>
         <tr>
            <td width="33%" valign="top" style="border: 1px solid rgb(255, 255, 51);"
onmouseover="this.bgColor='#999999'" onmouseout="this.bgColor=''">
......




















            Hier gehts zur mouseover Dia show

SOFTWARE: For composing webs i use "Mozilla", for working on pictures I use "Irfan view" and "Photoshop 7", for doing screenshots "Hypersnap dx" is good, "Process Explorer" is very good for observing the system working on the pc in real time.


Home