Sudah berlangganan artikel blog ini via RSS Feed?

Membuat Mouseover Effect (Gambar Transparan)

Pagi - pagi gini bangun tidur enaknya posting lagi hehe, tapi bingung mau posting apa,  Oya gimana kalo kita Membuat Mouseover Effect, udah ada yang tahu, Jika belum Coba temen - temen lihat images bendera dengan gambar transparan jika mose melewati gambar tersebut, maka  gambar akan langsung berubah menjadi transparan images bendera terletak diatas shoutbox, nah itu hasilnya. Pembuatanya kita memanfaatkan propertis CSS Image Opacity, tapi sayang ada beberapa browser yang tidak  berfungsi dengan teknologi ini.

Dibawah ini adalah contoh image yang diberi efek  mouseover effect (redup ke lebih terang)



Berikut script Membuat Mouseover Effect :

<img src="Url Gambar Anda" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Sederhana bukan, selamat mencoba.
Terimakasih sudah mengunjungi blog ini... :D

Powered by  MyPagerank.Net

30 komentar:

Zhys mengatakan...

wih paten...

oy, jalan2 ke blog aq jg y???

CHORDPOPROCK mengatakan...

@ Zhys : makasih kunjungannya :D, wah dikasih apa nich lo mampir??? hehe.

Desainroom, Inc mengatakan...

mantabbbbb..... :D

aaa mengatakan...

aaaaa

maspai mengatakan...

aq udah coba nih script, mantap. tapi gak puas kalo gak dipelajari ;). hasilnya: "this.style.opacity=..." utk non-IE, dan "this.filters.alpha.opacity=..." utk IE.
thx buat mas putro udah post script ini. aq udah "bertahun2" cari & baru ini dapat :D...

free download movie mengatakan...

mantab gan, wah tutorialnya bermamfaat banget..

Belajar export import mengatakan...

bener2 lengkap gan , thank's banget tulisannya... ijin nyedot ilmu dah

Anonim mengatakan...

ijin nyedot ilmuuu :))

Review The Latest gadgets mengatakan...

Keren sob tipsnya,,,,

iklan gratis tanpa daftar mengatakan...

INformasi bagus,,,,

Lowongan Kerja mengatakan...

bagus euy tips n informasinya....ada yang laen ga....

Lowongan Kerja mengatakan...

makasih ah infonya. posting yang terbaru dong....

MOY-MOY mengatakan...

thx............

jual karpet mengatakan...

informasi yang bagus :D

obat herbal penyakit gondok mengatakan...

keren juga nih kalo di pasang....
biar lebih keliatan profesional blog nya.

obat herbal infeksi saluran kemih mengatakan...

ane coba dulu yah..
terimakasih atas info nya.

obat herbal liver empedu mengatakan...

mantap nih..
thanks udah berbagi ilmu nya.

obat herbal kanker prostat mengatakan...

udah saya pasang mas..
jadi lebih kelihat menarik blog saya..
terimakasih yah...

Unknown mengatakan...

permisi, saya pengguna blog baru jadi masih agak bingung. mau nanya kalau mengisi script untuk mouseover itu adanya di mana ya?
terimakasih

bunga papan cilacap mengatakan...

Kalau yang tidak perlu edit html, ada nggak?

http://herbalkankerterbaik.blogspot.com/ mengatakan...

terimakasih ya, artikel yang sangat bermanfaat sekali untuk saya. Salam kenal dan sukses selalu, blog anda sangat bagus!

Jual Sprei Murah mengatakan...

keren juga nih kalo di pasang....
biar lebih keliatan profesional blog nya.

mobil toyota mengatakan...

bener2 informasi yang bagus dan membantu saya
thanks yah sis

Klik here mengatakan...

wah blog saya tambah keren, jika ditambah dengan software ini, makasih.

obat benjolan di belakang telinga mengatakan...

terimakasih banyak atas info nya sangat bermanfaat sekali
semoga semakin sukses nya

klik selanjutnya mengatakan...

terimakasih ya! artikel membuat mouseover effectnya mantap..

balimurahtour mengatakan...

Terima kasih banyak atas ilmunya mas brow
moga bermanfaat buat saya & group ini...salam balimurahtour.com

Wisata Jogja mengatakan...

makasih infonya

Obat Pembesar Penis Titan Gel asli mengatakan...

BLOG YG SANGAT BAGUS DAN ARTIKEL YG MENARIK DAN BERMANFAAT

yanmaneee mengatakan...

stone island hoodie
lebron 17
kd 12
jordan 1 off white
kevin durant shoes
supreme hoodie
hermes belts
golden goose shoes
jordan 6
yeezy 500

Posting Komentar

 

My Friends Google

My Profile

cojogja Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )