Posted by : Unknown
Selasa, 18 Desember 2012
Jika kita memadukan website atau blog kita dengan trik ini maka website / blog kita akan tampil lebih menarik. Masih belum mengerti? Kami beri contoh
Ketika tersentuh gambar tersebut akan berubah, bagaimana caranya? Sebenarnya ini hanya paduan dari 2 gambar yaitu
<img onmouseout="this.src='GambarAwal';" onmouseover="this.src='GambarTersentuh';" src="GambarAwal" />
LINK
<a href="LINK"></a><img onmouseout="this.src='GambarAwal';" onmouseover="this.src='GambarTersentuh';" src="GambarAwal" /></a>
LINK + MELAYANG
<div style='position: fixed; bottom: 5px; right: 5px;'><a href="LINK"></a><img onmouseout="this.src='GambarAwal';" onmouseover="this.src='GambarTersentuh';" src="GambarAwal" /></a></div>
GambarAwal : Gambar awal sebelum terkena Cursor
GambarTersentuh : Gambar ketika cursor menyentuh gambar
LINK Link ketika gambar di klik
Untuk yang berwarna Kuning dapat anda atur sendiri ^^
Sekian tutorial dari saya, terimakasih..
[Skyticle]
Related Posts :
- Back to Home »
- Blog , Design , Tutorial »
- Tutorial : Membuat Gambar Berubah Saat Terkena Kursor (Melayang + Link)

Testing Komentar 1
BalasHapusTesting Reply 1
BalasHapus@Julius Daniel Test
BalasHapus