Membuat Link atau Gambar Bisa Bergeser

Cara kerja script ini bila mouse atau cursor berada di

atas link atau gambar yang telah ditambahkan kode,

maka link atau gambar tersebut akan bergeser ke

kanan dan bergeser kembali ke tempat semula bila

cursor tidak berada di atasnya. Untuk membuat yang

seperti itu, caranya adalah sebagai berikut :

1.   Masuk ke Edit HTML.

2.   Cari kode </head>

3.   Copy kode yang ada di bawah dan letakkan
      di bawah kode </head> tersebut.

<script src='http://h1.ripway.com/syamsudin/shift.js' type='text/javascript'/> </script><script type='text/javascript'> $(document).ready(function() { $('a.nudge').hover(function() { //mouse in $(this).animate({ paddingLeft: '30px' },400); }, function() { //mouse out $(this).animate({ paddingLeft: 0 }, 400); }); }); </script>

KETERANGAN =

Ubah angka ' 30px ' sebagai jarak pergeserannya
dengan jarak pergeseran yang anda inginkan.

Untuk penerapan kodenya :

1.  Untuk Link :

     <a href="URL Alamat" class="nudge">Teks Link Yang Akan Bergeser</a>


2.  Untuk Gambar :

     <a href="URL Alamat" class="nudge"><img src="URL Gambar Yang Akan Bergeser"></a>

Selamat mencoba, good luck!