Мощная всплывающая подсказка. |
Данная вслывающая подсказка удобна тем, что: 1. Она не исчезает в самый неподходящий момент (она исчезнет только после того, как вы уберёте курсор с ссылки). 2. Здесь можно менять шрифты, цвета шрифтов, их начертания. 3. Сюда можно вставлять графические изображения: |
<script language="JavaScript"> if (parseInt(navigator.appVersion)>= 4) { if (navigator.appName == "Netscape") { layerStyleRef="layer."; layerRef="document.layers"; styleSwitch=""; } else { layerStyleRef="layer.style."; layerRef="document.all"; styleSwitch=".style"; } } function show(layerName) { if (parseInt(navigator.appVersion)>= 4) { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); } } function cls(layerName){ if (parseInt(navigator.appVersion)>= 4) { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); } } </script> |
<style type="text/css"> #text1 {HEIGHT: 80px; LEFT: 0px; POSITION: absolute; TOP: 50px; VISIBILITY: hidden; WIDTH: 250px; Z-INDEX: 10} </style> |
<!--Элемент style таблицы содержит координаты появления подсказки, а также ее размеры--> <table align="left" id="text1" border="1" width="100%" cellspacing="0" cellpadding="5" style="HEIGHT: 80px; LEFT: 50px; TOP: 90px; WIDTH: 300px"> <tr> <td bgcolor="#FFFFE1"> Здесь Вы можете поместить текст, изображения, используя при этом тэги. </td> </tr> </table> |
<a href="http://lenininc.narod.ru/" onmouseout="cls('text1');" onmouseover="show('text1');">Посетить сайт...</a> |
Перейти к разделу "Учебники по HTML"