Efek Mouseover pada gambar Blog
Dari Redup ke terang Bila di Sentuh
Kode HTML nya
<img src="URL gambar " 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" />
*Ganti URL Gambar dengan URL gambar Anda.
=================
Dari terang ke Redup Bila di sentuh
Kode HTML nya
<img src="URL gambar " border="1" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>
*Ganti URL Gambar dengan URL gambar Anda.
============
Cara terakhir yaitu membuat semua gambar di postingan Anda secara otomatis mempunyai efek mouse over yaitu menggunakkan kode CSS berikut : Letakkan kodenya sebelum kode
]]></b:skin>
.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6} .post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
Nah sampai di sini dulu yaa, semoga berhasil,
http://www.sodiycxacun.web.id/2010/08/cara-membuat-efek-mouseover-pada-gambar.html
Efek Mouseover pada Gambar
2012-11-11T07:30:00+07:00
Rating: 4.5
Diposkan Oleh:
kreasi