Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Всплывающая подсказка
 
 автор: PantiL   (25.10.2005 в 23:30)   письмо автору
 
 

Подскажите как сделать такую вещь - при наведении курсора на кртинку рчдом всплывает картинка или окошко с подсказкой
Пример http://wallpapers.ru
К сожалению я в этой страничке совсем не разобрался, может кот-то подскажет более понятно.
Спасибо!

   
 
 автор: elenaki   (26.10.2005 в 13:13)   письмо автору
 
   для: PantiL   (25.10.2005 в 23:30)
 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<DIV ID="topdeck" CLASS="popper">&nbsp;</DIV>
<style TYPE="text/css">
body{overflow:scroll;overflow-x:hidden}
.popper{position : absolute;visibility : hidden;}
</style>
<SCRIPT>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(img)
{
var content = "<TABLE CELLPADDING=2 CELLSPACING=0 style='border-width: 1px; border-color: black; border-style: solid; background-color: ffffff'><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD>";
if (img != "") {content = content + "<img src=\"" + img + "\" align=center>";}
content = content +  "</TD></TR></TABLE></TD></TR></TABLE>";

if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}

function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x+10;
skn.top = y+10;
}

function kill()
{
skn.visibility = "hidden";
}
</SCRIPT>

</head>

<body>
<img src="img/small_image.gif" border=0 ONMOUSEOVER="pop('img/big_image.jpg')" ONMOUSEOUT="kill()" style="cursor: hand;">


</body>
</html>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования