head
Kod
<style type="text/css">
body{text-align:center}
img {display:block;margin:auto}
#tooltip {
/* WYGLĄD */
text-align:left;
white-space:nowrap;
color:#fff;
font:normal bold 10px Verdana, sans-serif;
padding:4px;
background:#000;
/* ROZMIESZCZENIE */
position:absolute;
margin-top:25px; /* odległość w pionie od kursora myszy */
}
</style>
<script type="text/javascript">
<!-- <![CDATA[
function tooltip(d,E,b,i,a){
d=document;E=d.documentElement;b=d.body;if(!E)return;
for(i=0;a=b.getElementsByTagName("a")[i];i++){
if(a.title){
with(a.t=d.createElement("div")){
id="tooltip"
innerHTML=a.title.replace(/\|/g,"<br />")
}
a.onmouseover=function(e){
with(this){title="";onmousemove(e)}
b.appendChild(this.t)
}
a.onmouseout=function(x){
with(this){title=t.innerHTML.replace(/<br \/>/g,"\|")}
if(x=d.getElementById("tooltip"))b.removeChild(x)
}
a.onmousemove=function(e){
e=e||event;with(this.t.style){
left=e.clientX+(E.scrollLeft||b.scrollLeft)+"px"
top=e.clientY+(E.scrollTop||b.scrollTop)+"px"
}
}
}
}
}
function addEvent(O,E,F,x){
return(x=O.addEventListener)?x(E,F,1):(x=O.attachEvent)?x('on'+E,F):!1
}
addEvent(window,'load',tooltip);
// ]]> -->
</script>
body{text-align:center}
img {display:block;margin:auto}
#tooltip {
/* WYGLĄD */
text-align:left;
white-space:nowrap;
color:#fff;
font:normal bold 10px Verdana, sans-serif;
padding:4px;
background:#000;
/* ROZMIESZCZENIE */
position:absolute;
margin-top:25px; /* odległość w pionie od kursora myszy */
}
</style>
<script type="text/javascript">
<!-- <![CDATA[
function tooltip(d,E,b,i,a){
d=document;E=d.documentElement;b=d.body;if(!E)return;
for(i=0;a=b.getElementsByTagName("a")[i];i++){
if(a.title){
with(a.t=d.createElement("div")){
id="tooltip"
innerHTML=a.title.replace(/\|/g,"<br />")
}
a.onmouseover=function(e){
with(this){title="";onmousemove(e)}
b.appendChild(this.t)
}
a.onmouseout=function(x){
with(this){title=t.innerHTML.replace(/<br \/>/g,"\|")}
if(x=d.getElementById("tooltip"))b.removeChild(x)
}
a.onmousemove=function(e){
e=e||event;with(this.t.style){
left=e.clientX+(E.scrollLeft||b.scrollLeft)+"px"
top=e.clientY+(E.scrollTop||b.scrollTop)+"px"
}
}
}
}
}
function addEvent(O,E,F,x){
return(x=O.addEventListener)?x(E,F,1):(x=O.attachEvent)?x('on'+E,F):!1
}
addEvent(window,'load',tooltip);
// ]]> -->
</script>
body
[CODE]
<map name="uklad" border=0> <area shape="rect" coords="0,180,125,217" href="#" title="miesnie "> <area shape="rect" coords="71,84,170,106" href="#" title="miesnie "> <area shape="rect" coords="358,154,444,175" href="#" title="miesnie 2"> <area shape="rect" coords="431,270,500,303" href="#" title="miesnie 3"> <area shape="rect" coords="431,348,490,384" href="#" title="miesnie 4"> <area shape="rect" coords="0,380,68,430" href="#" title="miesnie 5"> <area shape="rect" coords="441,500,500,535" href="#" title="miesnie 6"> <area shape="rect" coords="49,670,131,692" href="#" title="miesnie 7"> <area shape="rect" coords="373,737,476,756" href="#" title="miesnie 8"> <area shape="rect" coords="28,860,145,881" href="#" title="miesnie 9"> <area shape="rect" coords="368,990,460,1010" href="#" title="miesnie 10"> </map>