26 September 2011

Tutorial | Jquery Hover Image |



Cuba halakan cursor anda pada gambar. Gambar akan pudar kan. Tuto ada kat bawah


1) Cari kod ini 
<head>
2) Paste kod di bawah ini di bawah <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0);
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0);
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
3) Siap boleh save

Terima kasih sudi baca. Like kalau suka

1 suka ayam goreng:

Nurul Mazni said...

waaaa.. kek! kek! ommo~ apsal ramai sgt blogger post gmbar kek nie.lapar kek! hehehe..nice tuto.. nak try :)

>
 
copyright by > Cikelyana