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
:D Apa scriptnya? hehe..

NORMAL
<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]

{ 3 komentar... read them below or Comment }

Welcome to My Blog

Followers

Visitor

Alexa Rank

- Copyright © 2013 Skyticle -Robotic Notes- Powered by Blogger - ReDesigned by Julius Daniel -