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" />
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
Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )
30 komentar:
wih paten...
oy, jalan2 ke blog aq jg y???
@ Zhys : makasih kunjungannya :D, wah dikasih apa nich lo mampir??? hehe.
mantabbbbb..... :D
aaaaa
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...
mantab gan, wah tutorialnya bermamfaat banget..
bener2 lengkap gan , thank's banget tulisannya... ijin nyedot ilmu dah
ijin nyedot ilmuuu :))
Keren sob tipsnya,,,,
INformasi bagus,,,,
bagus euy tips n informasinya....ada yang laen ga....
makasih ah infonya. posting yang terbaru dong....
thx............
informasi yang bagus :D
keren juga nih kalo di pasang....
biar lebih keliatan profesional blog nya.
ane coba dulu yah..
terimakasih atas info nya.
mantap nih..
thanks udah berbagi ilmu nya.
udah saya pasang mas..
jadi lebih kelihat menarik blog saya..
terimakasih yah...
permisi, saya pengguna blog baru jadi masih agak bingung. mau nanya kalau mengisi script untuk mouseover itu adanya di mana ya?
terimakasih
Kalau yang tidak perlu edit html, ada nggak?
terimakasih ya, artikel yang sangat bermanfaat sekali untuk saya. Salam kenal dan sukses selalu, blog anda sangat bagus!
keren juga nih kalo di pasang....
biar lebih keliatan profesional blog nya.
bener2 informasi yang bagus dan membantu saya
thanks yah sis
wah blog saya tambah keren, jika ditambah dengan software ini, makasih.
terimakasih banyak atas info nya sangat bermanfaat sekali
semoga semakin sukses nya
terimakasih ya! artikel membuat mouseover effectnya mantap..
Terima kasih banyak atas ilmunya mas brow
moga bermanfaat buat saya & group ini...salam balimurahtour.com
makasih infonya
BLOG YG SANGAT BAGUS DAN ARTIKEL YG MENARIK DAN BERMANFAAT
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