onmouseover, onmouseout

[Galtrhan]

Lieta tāda - tā kā ar php nemāku tādus efektus uzmeistarot (nezinu vai maz var), tā ka ķēros pie javascript un:

 

daļa no index.html:

  <!--turpināt-->
 <img id="continue_n" src="data/img/index/continue_n.png" width="111" height="34" onmouseover="img_show('continue_h')" alt="" />
 <a title="turpināt uz freezefest.lv" href="freeze.html">
<img id="continue_h" src="data/img/index/continue_h.png" width="111" height="34" onmouseout="img_hide('continue_h')"  alt="" />
 </a>

 <!--myspace-->
 <img id="boo_n"  src="data/img/index/boo_n.png"  width="126" height="34" onmouseover="img_show('boo_h')"  alt="" />
 <a title="turpināt uz boo@boo" href="http://www.boo.com/boo">
<img id="boo_h"  src="data/img/index/boo_h.png"  width="126" height="34" onmouseout="img_hide('boo_h')"   alt="" />
 </a>

 

daļa no javascript faila:

  function img_hide(id) {
document.getElementById(id).style.visibility = "hidden";}

 function img_show(id) {
document.getElementById(id).style.visibility = "visible";}

 

Viss ir ok, kamēr peli kustina lēnām, ja ātri pārbrauksi ar peli pāri abām pogām, tad gadās, ka abas pogas paliek *_h (tipa *_n priekš normāla paskata pogas un *_h priekš highlight).

 

Kāpēc tā??? Vai to kkā var novērst, jo nākas izmantot vairākas pogas un tad gan sanāk nesmuki ;( ....

[Delfins]

Br... murgs...

 

izmanto CSS stila switčošanu, nevis kaut kādas bildes slēpšanu un atkal rādīšanu

[Galtrhan]

Kā tas ir? Tā CSS switch ...

[Delfins]

Nu kā parasti ...

 

<div id="x1" onmousemove="set_style(this,'enter_1');">

set_style(o,s)
{
o.className = s;
}

 

PS: da paskaties praktiski jebkuru webu internetā, kurš uztaisīts pēc labākajām xhtml tradīcijām (tabi, div-i un etc)

Edited May 12, 2007 by Delfins

[Galtrhan]

Paldies