Images floating through your homepage JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Images floating through your homepage

A very funny and entertaining way to make your visitors smile. Clickable images float randomly through your page. Some of them even follow your cursor (magic eyes) like an old obedient dog. DHTML at its best! True Crossbrowser.


Insert into <HEAD>
<SCRIPT> function getCookie(byname) {byname=byname+"="; nlen = byname.length; fromN = document.cookie.indexOf(byname)+0; if((fromN) != -1) {fromN +=nlen toN=document.cookie.indexOf(";",fromN)+0; if(toN == -1) {toN=document.cookie.length;} return unescape(document.cookie.substring(fromN,toN)); } return null; } </SCRIPT> <script src="eye2.js"> </script> <!-- Moving object script --> <!-- Script and Applets by Virtual_Max --> <!-- http://www.geocities.com/siliconvalley/lakes/8620 --> <SCRIPT > // Moving Objects Script // By Virtual_Max // // Permission to use, copy, modify, and distribute this software and its documentation // for NON-COMMERCIAL purposes and without fee is hereby granted provided that this // notice appears in all copies. // // VIRTUAL MAX MAKES NO REPRESENTATIONS OR WARRANTIES ABOUT THE SUITABILITY OF THE // SOFTWARE, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE IMPLIED // WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR // NON-INFRINGEMENT. VIRTUAL MAX SHALL NOT BE LIABLE FOR ANY DAMAGES SUFFERED BY // LICENSEE AS A RESULT OF USING, MODIFYING OR DISTRIBUTING THIS SOFTWARE OR // ITS DERIVATIVES. var brOK=false; var mie=false; var rank; var vmin=2; var vmax=5; var vr=2; var timer1; if(parseInt(navigator.appVersion.charAt(0))>=4) {brOK=true;} if(navigator.appName.indexOf("Microsoft")!=-1) {mie=true; } function Chip(chipname,width,height) {this.named=chipname; this.vx=vmin+vmaxMath.random(); this.vy=vmin+vmaxMath.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; pageY=window.pageYOffset; pageH=window.innerHeight; } else {pageX=window.document.body.scrollLeft; pageW=window.document.body.offsetWidth; pageY=window.document.body.scrollTop; pageH=window.document.body.offsetHeight; } 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+vmaxMath.random(); } if(chip.xx>=pageX+pageW-chip.w) {chip.xx=pageX+pageW-chip.w; chip.vx=-vmin-vmaxMath.random(); } if(chip.yy<=pageY) {chip.yy=pageY; chip.vy=vmin+vmaxMath.random(); } if(chip.yy>=pageY+pageH-chip.h) {chip.yy=pageY+pageH-chip.h; chip.vy=-vmin-vmaxMath.random(); } if(!mie) {eval('document.'+chip.named+'.top ='+chip.yy); eval('document.'+chip.named+'.left='+chip.xx); } else {eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx); eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); } chip.timer1=setTimeout("movechip('"+chip.named+"')",100); } } function stopme(chipname) {if(brOK) {eval("chip="+chipname); if(chip) {if(chip.timer1!=null) {clearTimeout(chip.timer1);} } if(tid!=null) clearTimeout(tid); } } function pagestart() {rank=new Chip("rank",60,80); if(brOK) { movechip("rank"); } } </script>

Insert into <BODY>
<BODY TEXT="#FFFF80" BGCOLOR="#000000" LINK="#00FFFF" VLINK="#0080FF" ALINK="#00FF40" onUnload='if(brOK) {stopme("rank");}'> <!----Moving object begining----> <DIV ID="rank" STYLE="position:absolute; width:60; height:80;"> <A HREF="JavaScript:void(0);" onClick="alert('Thanks..')"><IMG SRC="rank.gif" BORDER=0></a> </DIV> <!----Moving object end----> <script> setupeyes('http://come.to/vmax','eyeballs.gif','eye.gif'); </script> <script> pagestart(); </script>

Other Options