Senin, 23 Agustus 2010

Membuat Gambar Yang Bisa Berubah (Mousehover)

Ada yang belum tahu tentang Mousehover??Mousehover adalah gambar yang bergaya terang dan redup, jika kursor diletakan di gambar maka gambar itu akan terang atau cerah sebaliknya apabila kamu menjauhkannya gambar tersebut akan redup. berminat untuk membuatnya??caranya mudah kok, hanya memerlukan bantuan kode HTML ,
1. Login dahulu ke blogger
2.Pilih tata letak (layout)
3.cari kode berikut:

</head>
4. Setelah ketemu, Copy kode HTML berikut diatas Kode </head>


HTML Mousehover



<script src='http://sites.google.com/site/ariey79site/javascript/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.post img&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.post img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.7); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.latest_img&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.latest_img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.7); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
5. Kalo sudah klik->>save
gampang kahn, semoga bermanfaat, jangan lupa sering mampir dan klik iklan saya dengan ikhlas. terimakasih.

0 Comments
Tweets
Komentar

0 komentar:

Leave a Comment

Klik Iklannya Donk