Библиотека Javascript SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Фото с подсказкой с уголком</title>
<script  type="text/javascript">
var offsetfromcursorX=12
var offsetfromcursorY=10
var offsetdivfrompointerX=10
var offsetdivfrompointerY=14
document.write('<div id="dhtmltooltip"></div>')
document.write('<img id="dhtmlpointer" src="arrow2.gif">')
var ie=document.all
var ns6=document.getElementById&&!document.all
var enabletip=false
if(ie||ns6)
var tipobj=document.all?document.all["dhtmltooltip"]:document.getElementById?document.getElementById("dhtmltooltip"):""
var pointerobj=document.all?document.all["dhtmlpointer"]:document.getElementById?document.getElementById("dhtmlpointer"):""
function ietruebody(){return(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body}
function ddrivetip(thetext,thewidth,thecolor){if(ns6||ie){if(typeof thewidth!="undefined")tipobj.style.width=thewidth+"px"
if(typeof thecolor!="undefined"&&thecolor!="")tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false}}
function positiontip(e){if(enabletip){var nondefaultpos=false
var curX=(ns6)?e.pageX:event.clientX+ietruebody().scrollLeft;var curY=(ns6)?e.pageY:event.clientY+ietruebody().scrollTop;var winwidth=ie&&!window.opera?ietruebody().clientWidth:window.innerWidth-20
var winheight=ie&&!window.opera?ietruebody().clientHeight:window.innerHeight-20
var rightedge=ie&&!window.opera?winwidth-event.clientX-offsetfromcursorX:winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera?winheight-event.clientY-offsetfromcursorY:winheight-e.clientY-offsetfromcursorY
var leftedge=(offsetfromcursorX<0)?offsetfromcursorX*(-1):-1000
if(rightedge<tipobj.offsetWidth){tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true}
else if(curX<leftedge)
tipobj.style.left="5px"
else{tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"}
if(bottomedge<tipobj.offsetHeight){tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true}
else{tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"}
tipobj.style.visibility="visible"
if(!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"}}
function hideddrivetip(){if(ns6||ie){enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''}}
document.onmousemove=positiontip
</SCRIPT>
<style type="text/css">
body {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;line-height: 16px;background-color: #0066CC;}
#dhtmltooltip{position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color: lightyellow;visibility: hidden;z-index: 100;filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}
  div.pop {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: Black;font-size: 11px;line-height: 16px;}
</style>
</head>
<body  bgcolor="#999999">
<img src='http://www.03www.su/pic/001.jpg' width=300 onMouseover="ddrivetip('<table><tr><td align=left><div class=\'pop\'><img src=\'http://www.03www.su/pic/001.jpg\' width=70 height=90 hspace=4  vspace=4 border=0 align=left><b>ФОТО 1</b></span><br><b> Здесь текст</b> Здесь текст Здесь текст Здесь текст Здесь текст Здесь текст Здесь текст</div></td></tr><tr><td align=center><div class=\'pop\'></div></td></tr></table>', 250)"; onMouseout="hideddrivetip()" /> 
<img src='http://www.03www.su/pic/003.jpg' width=300 onMouseover="ddrivetip('<table><tr><td align=left><div class=\'pop\'><img src=\'http://www.03www.su/pic/003.jpg\' width=70 height=90 hspace=4  vspace=4 border=0 align=left><b>ФОТО 2</b></span><br> Здесь текст Здесь текст Здесь текст Здесь текст Здесь текст Здесь текст Здесь текст Здесь текст</div></td></tr><tr><td align=center><div class=\'pop\'></div></td></tr></table>', 250)"; onMouseout="hideddrivetip()" /> 
<img id="dhtmlpointer" src="arrow2.gif"><br><br><br><br><br><br>
<br><img src="arrow2.gif">
<style type="text/css">#empty, #footer { height: 32px; }#footer { bottom: 0; left: 0; margin-bottom:10px; position: absolute; width: 100%; display:block; padding-left:360px}</style>
<script>var i=1; function addtext(el){a=el.parentNode;a.innerHTML=a.innerHTML+'<h1>'+(i++)+'</h1>test<br>test';}</script>
<div id="empty"> </div><div id="footer"><font style="font-size:12px;color:#CC6600;font-family:Arial;" onclick="location.href='http://www.03www.su/5.php'" title="для писем" target=_blank>
Библиотека JAVASCRIPT 1997- <script src="http://www.03www.ru/god.js"></script> Дизайн и сопровождение © SE@RCHER</font></div>
</body>
</html>