Cara Membuat Cursor Berbayang-bayang

Mengumpulkan trick jQuery plugin memang tidak ada habisnya... Sekarang DC akan berbagi seputaran trik jQuery plugins disekitaran area cursor. Menambahkan embel-embel disekitaran cursor dengan menggunakan sebuah gambar. Sebelum masuk sesi script, ada baiknya saya mengingatkan kembali cara penulisan struktur jQuery plugin ke dalam template. Versi script jQuery teranyar kepunyaan google
<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

Movement of the Shadow Effect

<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) { pointer = $('<img>').attr({ 'src': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5byb6WtsE_AqpmMEJ-fuO8AHxEJ3L3JRSP_SjiILn0ff8Cdi95-A46VM4J9D05bQWKx-e74GeH9ivu-K-DXYynXs2WWEZ2CnjIJxsOW3w3hNV9OzWUxxlj-QwK1MocHCwHc6f-ZF7l1f1/s32/cursor.png' }); $(document.body).append(pointer); pointer.css({ 'position': 'absolute', top: e.pageY + 5, left: e.pageX + 5 }).fadeOut(1500); }); }); //]]> </script>

Script jQuery plugin yang kedua ini, menampilkan efek bayangan ketika cursor digerakkan. Contoh bisa lihat di blog ini.

source : http://beben-koben.blogspot.com/2011/12/decoration-jquery-plugin-around-cursor.html