Код:
<style type="text/css">
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 3px solid black;
padding: 25px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Майкрософт.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
</style>
<body>
<script type="text/javascript">
var offsetfromcursorX=12
var offsetfromcursorY=10
var offsetdivfrompointerX=10
var offsetdivfrompointerY=14
документ.write('<div id="dhtmltooltip"></div>')
документ.write('<img id="dhtmlpointer" src="http://javascript.клан.su/ime/2.png">')
var ie=документ.все
var ns6=документ.getElementById && !документ.все
var enabletip=false
if (ie||ns6)
var tipobj=документ.все? документ.все["dhtmltooltip"] : документ.getElementById? документ.getElementById("dhtmltooltip") : ""
var pointerobj=документ.все? документ.все["dhtmlpointer"] : документ.getElementById? документ.getElementById("dhtmlpointer") : ""
функция ietruebody(){
return ("документ".compatMode && документе.compatMode!="BackCompat")? документ.documentElement : документ.тело
}
функция ddrivetip(текст к нему, thewidth, thecolor){
если (ns6||ie){
if (typeof thewidth!="undefined") tipobj.стиль.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.стиль.backgroundColor=thecolor
tipobj.innerHTML=текст к нему
enabletip=true
return false
}}
функция positiontip(e){
если (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : события.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : события.clientY+ietruebody().scrollTop;
//Выяснить, как закрыть мыши к углу окна
var winwidth=ie&&!"окно".опера? ietruebody().clientWidth : окна.innerWidth-20
var winheight=ie&&!"окно".опера? ietruebody().clientHeight : окна.innerheight отслеживаются каждый-20
var подачи по правому краю=ie&&!"окно".опера? winwidth-событие.clientX-offsetfromcursorX : winwidth-е.clientX-offsetfromcursorX
var bottomedge=ie&&!"окно".опера? winheight-событие.clientY-offsetfromcursorY : winheight-е.clientY-offsetfromcursorY
var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000
если (подачи по правому краю<tipobj.offsetWidth){
tipobj.стиль.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.стиль.left="5px"
else{
tipobj.стиль.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.стиль.left=curX+offsetfromcursorX+"px"
}
если (bottomedge<tipobj.offsetHeight){
tipobj.стиль.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.стиль.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.стиль.top=curY+offsetfromcursorY+"px"
}
tipobj.стиль.visibility="visible"
if (!nondefaultpos)
pointerobj.стиль.visibility="visible"
еще
pointerobj.стиль.visibility="hidden"
}}
функция hideddrivetip(){
если (ns6||ie){
enabletip=false
tipobj.стиль.visibility="hidden"
pointerobj.стиль.visibility="hidden"
tipobj.стиль.left="-1000px"
tipobj.стиль.backgroundColor="
tipobj.стиль.width="
}}
документ.onmousemove=positiontip
</script>
<div style="width:150px; height: 50px; background-color: #E9E9E9; padding: 4px;" ONMOUSEOVER="ddrivetip ('.......Думаю вы догадались, что все можно будет подстроить под себя.', 150)"; ONMOUSEOUT="hideddrivetip()">Очень интересный скрипт "Блока с подсказкой"</div>
</body>