Saturday, 27 August 2011

Tuto:Jquery image hover

Hey Peeps!
Now kita belajar jquery image hover..
Apebendalah tu kan..Kalau tak tahu cuba halakan cursor korang kay gambar di atas tu..Dia akan menjadi terang-terang kabur..Jika berminat Jom start.. :)

Dashboard > design > edit html
Search code bawah ni guna ctrl f kay,,

<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>
Copy code kat atas ni N pastekan di bawah <head>


Preview than save kay guys,, >_<
Suka?..Comment la okay.. :)
Posted by //Balqis yoseob at 08:11

6 comments:

  1. Mina_Thaha1 September 2011 at 02:24

    X berapefhm sgt la...macam mne comment kat sinie ckp gan jelas kay...thanks...

    ReplyDelete
  2. Mina_Thaha1 September 2011 at 02:30

    tolong aq eh..aq x fhm la..dh..dh try dh..

    ReplyDelete
  3. //Balqis yoseob1 September 2011 at 05:10

    Cari code tu dulu..then copy code kedua n pastekan dia..kalau x faham nnti sya terangkan lgi..

    ReplyDelete
  4. Mina_Thaha2 September 2011 at 04:09

    mcm mne care yg pling sng skali untuk cari code tuh..susah la nk cari..

    ReplyDelete
  5. //Balqis yoseob2 September 2011 at 10:45

    pergi edit html..pastu tekan ctrl serentak dgn huruf f

    ReplyDelete
  6. KiKi QiEyLa5 March 2012 at 00:59

    Susah la nak cari code nyer,,mcm mane nk senangkan untuk caro code tuh???€

    ReplyDelete

Subscribe to: Post Comments (Atom)