Cara Membuat Burung mengikuti cursor

Maaf cusor gk kelihatan pada gambaran ketika discreen shot

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>Bila sobat sekalian sudah mempunyai jQuery script tersebut, jangan dipasang lagi. Kalau masih pakai versi lama, boleh diupdate ke versi anyar 1.7.1

Yuk kita mulai membuat gambar selalu mengikuti cursor dengan jQuery plugin

Follow the Cursor Image

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
  $(document).mousemove(function (e) {
      $('#img-cur').offset({
          left: e.pageX,
          top: e.pageY + 35
      });
  });
});
//]]>
</script>

<img id='img-cur' src='http://LINK-IMAGE-30 x 30.PNG' alt='&#9829;'/>

Gantikan link image dengan gambar kesukaan kalian. Resolusi image 30 x 30 pixels. Script plugin letakkan dibawah script jQuery inti. Utamakan simpan script tepat sebelum tag </body> Lihat hasil kerja!