<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Тест № 6</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css">
#tipb {
background-color: #FFFFE1;
border : 1px solid Black;
position: absolute;
}
#tipt {
font-family: "MS Sans Serif";
font-size: 8pt;
}
</style>
<script type="text/javascript">
var tmrtip;
tips = new Array;
tips[0] = " Это бяка "
tips[1] = " Это бука "
var ns = (navigator.appName == "Netscape");
function cursor(e){
x = e.pageX;
y = e.pageY;
}
function showTip(tiptext,posX,posY){
/*Аргумент tiptext - строка с текстом подсказки
Аргументы posX,posY - позиция всплывающего дива с подсказкой*/
document.getElementById('tipb').style.top = posY;
document.getElementById('tipb').style.left = posX;
document.getElementById('tipt').innerHTML = tiptext;
document.getElementById('tipb').style.display = 'block';
tmrtip = setTimeout('hideTip()',2000);
}
function hideTip(){
document.getElementById('tipb').style.display = "none";
clearTimeout(tmrtip);
}
</script>
</head>
<body>
<!-- блок, который будет всплывать. -->
<div id="tipb">
<span id="tipt"><!-- а здесь будет текст подсказки --></span>
</div>
<img src="me.jpg" id="pic1" alt="" width="121" height="163" border="0" onmouseover="showTip(tips[0], ns?x:event.x, ns?y:event.y);" onmouseout="hideTip();"><br>
<img src="me.jpg" id="pic2" alt="" width="121" height="163" border="0" onmouseover="showTip(tips[1], ns?x:event.x, ns?y:event.y);" onmouseout="hideTip();">
</body>
</html>
Чат на форуме
Помощь
Поиск
Без описания
