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???

putro mengatakan...

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

DesainroomBandung 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

zen 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...

Ar'Ranay Ratna 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

Vimax Original Pembesar Mr.P Herbal mengatakan...

artikelnya sangat membantu thanks for sharing
kunjungi web kami gan => www.vimaxkapsuloriginal.com

judi bola online mengatakan...

IDR303merupakan JUDI BOLA ONLINE Terpercaya

mantap info nya sangat menarik gan
saya sangat terkesan gan
izin share ya gan
terima kasih
PROMO NEW MEMBER
JUDI BOLA ONLINE
AGEN BOLA SBO
AGEN BOLA IBC
AGEN CASINO
BANDAR BOLA

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 )