Cursor Effect Laser Attack

Setelah sekian lama akhirnya Cursor Effect Laser Attack bisa publish juga. Sebelumnya saya juga membuat artikel tentang cursor effect, yaitu Cursor Effect Bubble Trail dan Cursor Effect Meteor Circle namun kali ini saya buat dengan efek Tembakan Laser. Cursor Effect Laser Attack (Tembakan Laser) menggunakan kode javascript tanpa penambahan penggunaan gambar sehingga tidak akan membuat blog menjadi berat. Cursor effect ini awalnya tidak bisa dijalankan di blog namun dengan sedikit perbaikan script akhirnya bisa dijalankan dalam mode Strict ataupun HTML Standart. Seperti biasa untuk contoh dapat dilihat di postingan artikel ini atau apabila tidak terlihat silakan klik link ini Cursor Effect Laser Attack. Oke sob buat yang tertarik langsung aja disedot scriptnya.....

Cara Pemasangan :

• Login ke blog sobat...


• Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.
  
  
  


• Cari kode </Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Body> tersebut. Bisa juga di taruh di box gadget blog.
  
  
  <script> if(typeof(jQuery) == 'undefined'){document.write("<scr" + "ipt type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></scr" + "ipt>");} </script> <script> /* Modified by http://monozcore.blogspot.com */ var numDot = 15; /*Number of dots!*/ var velDot = 20; /*Speed!*/ var colDot = new Array('#0080ff', '#ffffff', '#0000ff', '#44ccff'); //Dot colours, min 2! var stopafter = 60; /*Stop and clear after x secondS!*/ /*Logic Script*/ var yDot = 0; var xDot = 0; var pyDot = 0; var pxDot = 0; var angleDot = 0; var distanceDot = 0; var repDot; var ryDot = 0; var rxDot = 0; var tmrDot = null; var n4Dot = (document.layers); var n6Dot = (document.getElementById && !document.all); var ieDot = (document.all); var o6Dot = (navigator.appName.indexOf("Opera") != -1) ? true : false; var _dDot = (n4Dot || ieDot) ? 'document.' : 'document.getElementById("'; var _aDot = (n4Dot || n6Dot) ? '' : 'all.'; var _rDot = (n6Dot) ? '")' : ''; var _sDot = (n4Dot) ? '' : '.style'; var vDot = (n4Dot) ? "show" : "visible"; var putDot = false; stopafter *= 1000; if (n4Dot || n6Dot) { window.captureEvents(Event.MOUSEMOVE); function mouse1(e) { if (putDot) return false; yDot = e.pageY - window.pageYOffset; xDot = e.pageX; } if (n4Dot) window.onMouseMove = mouse1; else document.onmousemove = mouse1; } if (ieDot || o6Dot) { function mouse2() { if (putDot) return false; yDot = (ieDot) ? event.clientY : event.clientY - window.pageYOffset; xDot = event.clientX; } document.onmousemove = mouse2; } if (n4Dot) { for (i = 0; i < numDot; i++) $('body').append('<layer name=dots' + i + ' top=0 left=0 width=' + i / 3 + ' height=' + i / 3 + ' bgcolor=#ffffff></layer>'); } else { if (ieDot && !o6Dot) { $('body').append("<div id='outer' style='position:absolute;top:0px;left:0px;'>"); $('body').append("<div style='position:relative'>"); } for (i = 0; i < numDot; i++) $('body').append('<div id="dots' + i + '" style="position:absolute;top:0px;left:0px;width:' + i / 3 + 'px;height:' + i / 3 + 'px;background:#ffffff;font-size:1px;z-index:+1000;";>.</div>'); if (ieDot && !o6Dot) $('body').append("</div></div>"); } function posDot() { hDot = (ieDot) ? document.body.clientHeight : window.innerHeight - 20; wDot = (ieDot) ? document.body.clientWidth : window.innerWidth - 20; ryDot = Math.round(Math.random() * hDot); rxDot = Math.round(Math.random() * wDot); repDot = Math.round(Math.random() * 3); if (repDot == 3) ryDot = 0; if (repDot == 2) ryDot = hDot; if (repDot == 1) rxDot = 0; if (repDot == 0) rxDot = wDot; pyDot = ryDot; pxDot = rxDot; } posDot(); function followleader() { syDot = (!ieDot) ? window.pageYOffset : 0; sxDot = (!ieDot) ? window.pageXOffset : 0; if (ieDot) outer.style.top = document.body.scrollTop; for (i = 0; i < numDot; i++) { randomcol = colDot[Math.floor(Math.random() * colDot.length)]; temp1 = eval(_dDot + _aDot + "dots" + i + _rDot + _sDot); temp1.visibility = vDot; if (i < numDot - 1) { temp2 = eval(_dDot + _aDot + "dots" + (i + 1) + _rDot + _sDot); temp1.top = temp2.top; temp1.left = temp2.left; } else { temp1.top = pyDot + syDot + "px"; temp1.left = pxDot + "px"; } if (n4Dot) temp1.bgColor = randomcol; else temp1.background = randomcol; } } function bomb() { ay = yDot - pyDot; ax = xDot - pxDot; angleDot = Math.round(Math.atan2(ay, ax) * 180 / Math.PI); if (angleDot < 0) angleDot += 360; dy = pyDot - yDot; dx = pxDot - xDot; distanceDot = Math.floor(Math.sqrt(dx * dx + dy * dy)); go_y = Math.round(velDot * Math.sin(angleDot * Math.PI / 180)); go_x = Math.round(velDot * Math.cos(angleDot * Math.PI / 180)); pyDot += go_y; pxDot += go_x; if (distanceDot < velDot) posDot(); followleader(); tmrDot = setTimeout("bomb()", 20); } bomb(); function dsbl() { vDot = (n4Dot) ? "hide" : "hidden"; putDot = true; xDot = 0; yDot = 0; setTimeout('clearTimeout(tmr)', stopafter + 100); } setTimeout('dsbl()', stopafter); </script>
  


• Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.