Jejak Fade Away Cursor Trail Script ~ Tutorial TIK-PTD

Lankah 1: Simpan 6 gambar, dan upload ke gadget blog kalian (dengan mengklik kanan gambar, dan pilih "Save as"). Perhatikan bahwa yang terakhir adalah transfaran gif.

Langkah 2: Tambahkan di bawah <head> halaman anda :

Pilih semua

<SCRIPT
 language="Javascript1.2">
<!--

/*
Fade-away cursor trail (By Dave Collins at davecollin1@excite.com)
Code and technique learned from site SiteExperts.com
Permission granted to Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/


var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";

var queue = new Array();

var NUM_OF_TRAIL_PARTS = 5

for (x=1; x < 6; x++) {
 eval("trailSpriteFrame" + x + " = new Image(28,36);");
 eval("trailSpriteFrame" + x + ".src = 'trailgif" + x + ".gif';");
}


function trailSpriteObj(anID) {
 this.trailSpriteID = "trailSprite" + anID;
 this.imgRef = "trailSprite" + anID + "img";
 this.currentFrame = 1;
 this.animateTrailSprite = animateTrailSprite;
}

function animateTrailSprite() {
 if (this.currentFrame <6 ) {
  if (isNS) {
   eval("document." + this.trailSpriteID +".document['"+ this.imgRef + 
"'].src  =  trailSpriteFrame" + this.currentFrame + ".src");
  } else {
   eval("document['" + this.imgRef + "'].src  =  trailSpriteFrame" + 
this.currentFrame + ".src");
  }
  this.currentFrame ++;
 } else {
  eval(layerRef + '.' + this.trailSpriteID +  styleRef + '.visibility = 
"hidden"');
 } 
}



function processAnim() {
 for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
   queue[x].animateTrailSprite();
}

function processMouse(e) {
 currentObj = shuffleQueue();
 if (isNS) {
  eval("document." + currentObj + ".left = e.pageX - 10 ;");
  eval("document." + currentObj + ".top = e.pageY + 10;");
 } else {
  eval("document.all." + currentObj + ".style.pixelLeft = event.clientX +
 document.body.scrollLeft - 10 ;");
  eval("document.all." + currentObj + ".style.pixelTop = event.clientY +
 document.body.scrollTop + 10;");
 }
}

function shuffleQueue() {
 lastItemPos = queue.length - 1;
 lastItem = queue[lastItemPos];
 for (i = lastItemPos; i>0; i--) 
  queue[i] = queue[i-1];
 queue[0] = lastItem;
 
 queue[0].currentFrame = 1;
 eval(layerRef + '.' + queue[0].trailSpriteID +  styleRef + '.visibility
 = "visible"'); 

 return  queue[0].trailSpriteID;
}

function init() {
 
 for(x=0; x<NUM_OF_TRAIL_PARTS; x++)
  queue[x] = new trailSpriteObj(x+1) ;
 
 if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
 document.onmousemove = processMouse;

 setInterval("processAnim();",25);
} 
if (document.all||document.layers)
window.onload = init;

//-->
</SCRIPT>

Step 3: Tambahkan baris berikut ke bagian <body> setelah tag body :

Pilih semua

<div id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite1img">
</DIV>
<div id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite2img">
</DIV>
<div id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite3img">
</DIV>
<div id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite4img">
</DIV>
<div id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10">
<img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite5img">
</DIV>
<script language="JavaScript1.2">
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
</script>

Selamat Mencoba

Posted in: Blog

1 komentar:

hahaha says:

26 November 2018 pukul 21.35

s1288Poker adalah agen bandar online indonesia yang terfavorit dan banyak penggemarnya, Permainan seru ini tanpa bot, tanpa admin dan 100% player vs player. Situs ini adalah jenis permainan Kartu online yang menggunakan uang asli untuk taruhan. Ayo segera bergabung bersama kami di www,s1288,poker - Kami adalah Agen Bandar Online Yang Terbaik dan Terpercaya di Indonesia. Dengan minimal deposit dan withdraw termurah anda bisa mainkan permainan ini sekarang juga. (PIN BBM : 7AC8D76B)

Tutorial TIK-PTD

Jejak Fade Away Cursor Trail Script

1 komentar:

Posting Komentar

Share

123

Sahabat Setia