onmouseover

[eT`]

Tātad gribu uztaisīt menu, kad uzbīda peli parādās cita bilde ( manā gadījumā spoguļattēls )

sapratu ka jāizmanto onmouseover

 

<a href="./forum/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forums','','./images/menu_over/forum_over.gif',1)"><img name="forums" border="0" src="./images/menu/forum.gif" alt="Forums"></a>

 

šeit taču viss ir kārtībā.? man nedarbojas :(

[mefisto]

Kāpec tev tam vajag JS? http://www.elated.com/articles/css-rollover-buttons/

[eT`]

nice and easy :D

 

paldies :)

 

es kad uzlieku 2 pogas man katra ir sava rinda :( ka lai to izlabo.?

Edited August 25, 2008 by eT`

[bubu]

Ko tu gribi izlabot?

[eT`]

Gribu lai ir kā menu visas pogas vienā rindā :)

 

Mana HTML daļa:

<center>
<a id="forums" href="./forum/" title="Forum"></a><a id="bani" href="./list/" title="Bani"></a>
</center>

 

css daļa:

#forums
{
 display: block;
 width: 117px;
 height: 50px;
 background: url(images/menu/forum.gif);

}

#forums:hover
{
 background: url(images/menu_over/forum_over.gif);
}

#bani
{
 display: block;
 width: 172px;
 height: 50px;
 background: url(images/menu/bani.gif) no-repeat;

}

#bani:hover
{
 background: url(images/menu_over/bani_over.gif) no-repeat;
}

 

 

Viss ir viss izlabots.

 

Varat slēgt.!

Edited August 25, 2008 by eT`

[pilots]

Kāpec tev tam vajag JS? http://www.elated.com/articles/css-rollover-buttons/

 

Interesants piegājiens tai rakstā veidojot rollover pogu ar tikai vienu bildi. Šāda veida pogām parasti izmantoju divas bildes. Turpretī ar vienu bildi rollover efekta laikā pārlūkam nebūs jālādē nekas papildus.