Image by FlamingText.com

Rabu, 01 Desember 2010

cara membuat animasi cursors 2

Cara Membuat Cursor Animasi Molor2 Gila :

  1. Login ke BloGGeR
  2. Dasbor : KLIK link Tata Letak.
  3. Elemen Laman : KLIK link Tambah Gadget.
  4. Widget : KLIK link HTML/Javascript.
  5. Copy Paste : Copy Javascript dan simpan di box penambahan widget HTML/Javascript.
  6. Simpan : KLIK "SAVE/Simpan", kemudian lihat hasilnya dengan membuka halaman blog.




javascript animasi 2



<script type="text/javascript">
<!--
/* gubhugreyot*/
var panjang_molor = 20 /* silahkan rubah nilainya biar ekornya makin molor atau berkurang molornya */
var path = "http://best-free-counter.com/counters/c9f029a6a1b20a8408j15561u2351b321dd8.jpg"
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
var i,d = 0
function initTrail() {images = new Array()
for (i = 0; i < parseInt(panjang_molor); i++) {images[i] = new Image()
images[i].src = path}
storage = new Array()
for (i = 0; i < images.length*3; i++) {storage[i] = 0}
for (i = 0; i < images.length; i++) {document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>')}
trail()}
function trail() {for (i = 0; i < images.length; i++) {document.getElementById("obj" + i).style.top = storage[d]+'px'
document.getElementById("obj" + i).style.left = + storage[d+1]+'px'
d = d+2}
for (i = storage.length; i >= 2; i--) {storage[i] = storage[i-2]}
d = 0
var timer = setTimeout("trail()",10)}
function processEvent(e) { if (window.event) {storage[0] = window.event.y+standardbody.scrollTop+10
storage[1] = window.event.x+standardbody.scrollLeft+10} else {storage[0] = e.pageY+12
storage[1] = e.pageX+12}}
initTrail()
document.onmousemove = processEvent
//-->
</script>



Catatan :

  1. Setelah di coba dan berhasil, jika kepingin ganti gambar animasi yang aku setakan di javascript di atas (http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/LatemBleding.gif) bisa sampeyan buat sendiri atau keliling dulu untuk cari. Banyak banget, kok. Tinggal ketik saja gambar animasi.
  2. Untuk merubah jumlah gambar yang jadi buntut, rubah pada var panjang_molor = 20
  3. Mungkin pingin identitas sampeyan atau nama simbah sampeyan yang mau dijadikan cursor? Silahkan saja ke

0 komentar:

Posting Komentar

jangan kupa isi coment nya yaaaah...."