Hovering HTML

This java script makes a block of HTML float around.

This can be sped up or slowed down and you can replace the current picture etc. with anything you wish

Click here for info on changing this script

Step 1

First copy the following source code, and paste it into the HTML for your website. Put it between the <body> tags. e.g <body> put it here </body>

Step 2

Copy, and paste this source code right after the previous one.

<script LANGUAGE="JavaScript1.2"> /* Floating image II (up down)- Bruce Anderson (http://appletlib.tripod.com) Submitted to Dynamicdrive.com to feature script in archive Modified by DD for script to function in NS6 For 100's of FREE DHTML scripts, Visit http://www.dynamicdrive.com */ var XX=20; // X position of the scrolling objects var xstep=1; var delay_time=60; //Begin of the unchangable area, please do not modify this area var YY=0; var ch=0; var oh=0; var yon=0; var ns4=document.layers?1:0 var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 if(ie){ YY=document.body.clientHeight; point1.style.top=YY; } else if (ns4){ YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if (ns6){ YY=window.innerHeight document.getElementById('point1').style.top=YY } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if (ie){ ch=document.body.clientHeight; oh=point1.offsetHeight; } else if (ns4){ ch=window.innerHeight; oh=document.point1.clip.height; } else if (ns6){ ch=window.innerHeight oh=document.getElementById("point1").offsetHeight } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(ie){ point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if (ns4){ document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if (ns6){ document.getElementById("point1").style.left=XX document.getElementById("point1").style.top=YY+window.pageYOffset } } function onad() { if(ns4) document.point1.visibility="visible"; loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } if (ie||ns4||ns6) window.onload=onad </script>

Make sure you get it all, there's a few lines of it.

Changing the script

To change the following things, the part in the source code you have to change is in blue.

Change what?	Source Code	Example
Picture / text	Replace or add to the table or delete everything between <!--Please delete this table and insert into your html elements--> and the other one like it. They are in the first source code.	<!--Please delete this table and insert into your html elements--> Your HTML Here <!--End of the customizable area, please do not delete div the tag -->
Position	In the second part, somewhere near the top you will find a bit like this: var XX=20; // X position of the scrolling objects var xstep=1; var delay_time=60;	var XX=300; // X position of the scrolling objects var xstep=1; var delay_time=60; This will make it go where i have mine.
Speed	var delay_time=60;	var delay_time=90;

Site hosted by Angelfire.com: Build your free website today!