Tutorial Image Change on hover

ASSALAMUALAIKUM.

Korang na buat tak macam yang kat tab menu amy tuh.bila mouse sentuh situ,akan bertukar .oke,oke kite mule sekarang*kegedikan*

1) Dashboard->design->page element->html/javascript.
2) Lepas tu,copy code ini

<a href="LINK"><img src="URL PIC 1" onmouseover="this.src='URL PIC 2'" onmouseout="this.src='URL PIC 1'" /></a>

3) Paste dekat kotak html/javascript tadi tu ye.
4) Then boleh save.

NOTA KAKI:

1. link-code yang korang na letak.e.g code tab menu.
2. url 1-url sebelum hover
3. url 2-selepas hover
4. kalau yang xna ada letak link pulak.code ini ye

<img src="URL PIC 1" onmouseover="this.src='URL PIC 2'" onmouseout="this.src='URL PIC 1'" />

---

Thank you for reading

---

Tweet