HIMPUNANJAVASCRIPT

kategori skrip
:: permainan
:: navigasi
:: semakan input
:: tarikh dan masa
:: lain-lain

komuniti
.. artikel
.. sumbangan
.. sumber rujukan
.. penulis

lain-lain | gambar terapung

Perhatikan apa yang sedang berlegar-legar di pelayar anda!

Kod Contoh

Salin skrip di bawah (klik pilih semua, klik kanan pada skrip dan pilih Copy) dan tampalkan di dalam perisian editor HTML anda (Notepad atau Frontpage). Simpan fail sebagai gambar_terapung.htm.

<HTML>
<HEAD>
<TITLE>Lihat Kod Sumber</TITLE>
<script language="javascript">
<!--
/*
skrip asal oleh: Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
*/
var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function Chip(chipname,width,height)
{this.named=chipname;
 this.vx=vmin+vmax*Math.random();
 this.vy=vmin+vmax*Math.random();
 this.w=width;
 this.h=height;
 this.xx=0;
 this.yy=0;
 this.timer1=null;
}

function movechip(chipname)
{
 if(brOK)
  {eval("chip="+chipname);
   if(!mie)
    {pageX=window.pageXOffset;
     pageW=window.innerWidth-20;
     pageY=window.pageYOffset;
     pageH=window.innerHeight-20;
    }
   else
    {pageX=window.document.body.scrollLeft;
     pageW=window.document.body.offsetWidth-20;
     pageY=window.document.body.scrollTop;
     pageH=window.document.body.offsetHeight-20;
    }

chip.xx=chip.xx+chip.vx;
   chip.yy=chip.yy+chip.vy;
   
   chip.vx+=vr*(Math.random()-0.5);
   chip.vy+=vr*(Math.random()-0.5);
   if(chip.vx>(vmax+vmin))  chip.vx=(vmax+vmin)*2-chip.vx;
   if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
   if(chip.vy>(vmax+vmin))  chip.vy=(vmax+vmin)*2-chip.vy;
   if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;

if(chip.xx<=pageX)
     {chip.xx=pageX;
      chip.vx=vmin+vmax*Math.random();
     }
   if(chip.xx>=pageX+pageW-chip.w)
     {chip.xx=pageX+pageW-chip.w;
      chip.vx=-vmin-vmax*Math.random();
     }
   if(chip.yy<=pageY)
     {chip.yy=pageY;
      chip.vy=vmin+vmax*Math.random();
     }
   if(chip.yy>=pageY+pageH-chip.h)
     {chip.yy=pageY+pageH-chip.h;
      chip.vy=-vmin-vmax*Math.random();
     }

if(document.layers)
      {eval('document.'+chip.named+'.top ='+chip.yy);
       eval('document.'+chip.named+'.left='+chip.xx);
      } 
   else if (document.all)
      {eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
       eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); 
      }
   else if (document.getElementById)
      {document.getElementById(chip.named).style.left=chip.xx;
       document.getElementById(chip.named).style.top =chip.yy; 
      }
   chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
  }
}

function stopme(chipname)
{if(brOK)
  {//alert(chipname)
   eval("chip="+chipname);
   if(chip.timer1!=null)
    {clearTimeout(chip.timer1)}
  }
}

var chip1;

function pagestart()
{checkbrOK();
chip1=new Chip("chip1",60,80);
if(brOK)
   { movechip("chip1");
   }
}
//-->
</script>
</HEAD>
<BODY onload="pagestart();" onunload="if(brOK) stopme('chip1');"> 
<DIV ID="chip1" STYLE="position:absolute; width:158; height:192;">
<IMG SRC="Gambar/ghost.gif" WIDTH=158 HEIGHT=192 X-CLARIS-USEIMAGEWIDTH X-CLARIS-USEIMAGEHEIGHT BORDER=0 ALIGN=bottom>
</DIV> 
</body>
</HTML>

Pindahturun gambar berikut (letakkan kursor pada gambar,klik kanan dan pilih Save Picture As) dan simpan di dalam folder bernama Gambar.