jquery image hover

Wednesday, October 31, 2012


Annyeong..


tutor hari ini ialah jquery image hover..
asyik image hover je..
heheh..x pe..untuk blog korang jugakkan..
jom ikut tutor ni,sama saje macam image hover,tapi di modified sikit..



1.log in-->dashboard-->design-->edithtml-->tick expand widget

2.search kod ni:

<head>


3.copy kod ni and pastekan kat bawah kod no.2 tadi: 

<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>