WEB-нотатки - записник он-лайн

Випадаюча підказка при наведенні курсора
Дана випадаюча підказка зручна тим, що:
1. Вона не зникає в самий невідповідний момент (вона зникне тільки після того, як ви приберете курсор з посилання).
2. Тут можна змінювати шрифти, кольору шрифтів, їх накреслення.
3. Сюди можна вставляти графічні зображення:

Скрипт:

Code
<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>

Приклад стилів:

Code
<style type="text/css">
#text1 {HEIGHT: 80px; LEFT: 0px; POSITION: absolute; TOP: 50px; VISIBILITY: hidden; WIDTH: 250px; Z-INDEX: 10}
</style>

Таблиця випадаючого вікна:

Code
<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>

Категорія: JavaScript · Додав: mr_smith (10.11.2010)
Переглядів: 1314 · Рейтинг: 5.0/5
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]
Головна
Реєстрація
Вхід

Пошук

Категорії

HTML
PHP
JavaScript
CSS
HTML5
CSS3
jQuery
uCoz
 
© pya.at.ua 2009 - 2024
Хостинг від uCoz