Dodatkowe okno z linkami - po na jechaniu na dany obiekt (link np obrazkowy)
Przykład jest oparty na ikonie drukarki w stawionym na stronie www. w formie ikony drukarki, po najechaniu na ikonę otwiera się dodatkowe okno z wyborem drukarki np.
Wstaw na stronie kod:
| <table border=0 cellpadding=2 cellspacing=0 width="168" align="center"> <tbody> <tr> <td noWrap> <div id=rek onMouseOut="this.style.visibility='hidden'" onMouseOver="this.style.visibility='visible'" style="POSITION: absolute; VISIBILITY: hidden"> <table bgcolor=#f7f7f5 cellpadding=3 cellspacing=0 style="BORDER-BOTTOM: #235586 1px solid; BORDER-LEFT: #235586 1px solid; BORDER-RIGHT: #235586 1px solid; BORDER-TOP: #235586 1px solid" width="264" > <tbody> <tr> <td align="left" class=a0> <img src="/images/drukarki.gif" width="257" height="28"> <font color=#2c5a92> • <a href="/http://www.hp.com/" target=_new><font color=#2c5a92>Hewlett Packard</font>[/url] • <a href="/http://www.epson.com/" target=_new><font color=#2c5a92>Epson</font>[/url] • <a href="/http://www.canon.com/" target=_new><font color=#2c5a92>Canon</font>[/url] • <a href="/http://www.lexmark.com/" target=_new><font color=#2c5a92>Lexmark</font>[/url] </font> <div align="right" class=a1><a href="/http://twojurl.html" target=_new>strona do druku[/url]<font color=red> »</font> </div> <img height=3 src="/images\0.gif"></td> </tr> </tbody> </table> </div> <a href="/twojurl.html" onMouseOver="rek.style.visibility='visible'">Strona do druku<img border=0 src="/images/0.gif" width=5><img border=0 src="/images/druk.gif"><img border=0 src="/images/0.gif" width="10">[/url]</td> </tr> </tbody> </table> |
Zielonym kolorem zaznaczono kod tabeli wyświetlanej po najechaniu kursoren na link "strona do druku" (ta część kodu może być modyfikowana dowolnie).