Welcome to my blog.You want to Jquery Image Hover
Monday 21 November 2011 | 0 comment(s)
Assalamualaikum u all , nih mayb tuto yg terakhir i buat .
Sebab dah sakit mata lyn kompt =.=''
Besok la pulak i smbg ye ?
Tutorial kalinih Jquery Image Hover \Penat nak sebot nyeh!/
Jquery Image Hover nih adalah sejnis binatang yg sukar didapti seperti yg sedng bce nih :P
Okeh , jokes je ye xD
Jquery Image Hover nih image tu akan menjadi cerah when cursor sentuh picture tu :)
Interesting kan :)
Sooo , apa tunggu lagi ?!
JOM BUAT !
Dashboard > Design > Edit Html > TICK expand widget Template
Cari code '' <head> '' dn mggunkkn CTRL+F .
Dah jumpe paste pulak code bawah nih bwah code tadi ye intan payong ?
<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>
Save :)
Dah guna comment ye , & like page saia :P
Babai !
Dah guna comment ye , & like page saia :P
Babai !
Labels: TUTO
