e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
Koda: |
<script type="text/javascript"> function opis(text) { document.getElementById("repek").firstChild.nodeValue=text document.getElementById("repek").style.visibility="visible" document.getElementById("repek").style.position="absolute" document.getElementById("repek").style.left=event.clientX+20 document.getElementById("repek").style.top=event.clientY+20 } function skrij() { repek.style.visibility="hidden" } </script> <p> <a href="http://www.najdi.si" onmousemove="opis('Najdi nekaj \u017Ee!')" onmouseout="skrij()">Najdi si</a> </p><p> <a href="http://www.matkurja.com" onmousemove="opis('I\u0161\u010Di z Mat Kurjo!')" onmouseout="skrij()">Mat Kurja</a> </p><p> <a href="http://groups.yahoo.com" onmousemove="opis('Obi\u0161\u010Di skupine!')" onmouseout="skrij()">Yahoo Groups!</a> </p> <div id="repek" style="visibility:hidden"></div> |
---|---|
Izgled v brskalniku: |
|
Razlaga: |
Funkcija skrij nam prikaže novo plast če gremo z miško na povezavo. Uporabljen je postopek getElementById . Slogovni predlogi se spremeni vrednost vidnos z style.visibility="hidden" . To pomeni, da kadar z miško nismo na povezavi se plast ne prikaže, ko pa gremo z miško na povezavo se plast prikaže na takšni poziciji, kot je določena s položajem miške. Položaj miške prestreza predmet event .
|
SERŠ Maribor : Strokovna gimnazija : 2004 : Jure Štern