<html><head><title> DIV-i kiht </title>
  <script language="Javascript1.2">
     var kasIE=false;
     var x=0, y=0;
     if(window.navigator.userAgent.indexOf("MSIE")>=0) kasIE=true;
     if(!kasIE) document.captureEvents(Event.MOUSEMOVE);
     document.onmousemove=hiireliikumine;
    
     function hiireliikumine(syndmus){
       if(kasIE){
         x=event.x;
         y=event.y;
       } else {
         x=syndmus.pageX;
         y=syndmus.pageY;
       }       
         window.status=y+"";
     }
     
     function naitaVihje(vihjesisu){
       if(kasIE){
         document.all["kiht1"].style.left=x+20;
         document.all["kiht1"].style.top=y+10;
         document.all["kiht1"].style.visibility="visible";
         document.all["kiht1"].innerHTML=vihjesisu;
       } else {
         document.layers["kiht1"].left=x+20;
         document.layers["kiht1"].top=y+10;
         document.layers["kiht1"].visibility="show";
         document.layers["kiht1"].document.open();
         document.layers["kiht1"].document.write(vihjesisu);
         document.layers["kiht1"].document.close();
       }
     }
     
     function peidaVihje(){
       if(kasIE){
         document.all["kiht1"].style.visibility="hidden";
       } else {
         document.layers["kiht1"].visibility="hide";
       }
     }
  </script>
</head>
<body>
  <h3>DIV-i abil loodud vihjekiht</h3>
    <a href=http://www.neti.ee onmouseover='naitaVihje("Neti")' 
              onmouseout='peidaVihje();'>Otsingumootor</a><p>
    <a href=http://www.tpu.ee onmouseover='naitaVihje("TP");'
              onmouseout='peidaVihje();'>Pedagoogikalikool</a>
  <div id="kiht1" style="position:absolute; left:100; top:200; visibility:hidden;">Kuku</div>
</body></html>

