Leaf

a)Unzip the download.

b)You will get the files himagefall/picture-fall.js,leaf.gif
c)Now just include the file, where you want the image(leaf/snow) fall.
<script type="text/javascript" SRC="himagefall/picture-fall.js">
</script>
d)If you want to display imagefall in Opera or IE use DOCTYPE. Then only it will
display properly.
e)To make the script look as your wish, edit the following lines in picture-fall.js

1. To view the page with your own image change

     var image = "himagefall/your image"
2. To increase the number of image to fall change
     var no = 20;
3. To increase the speed of the image to fall change
     var speed = 70;
4. To disappear image after X seconds
     var time = 0; //(0=never)

Calendar

a)Unzip the download.

b)you will get the files hjcal/calendar.js
c)Now copy the following javascript code in to the html file, where you want the
calendar to be displayed.
      <!-- hscripts.com javascript calendar script -->
      <script language=javascript src=hjcal/calendar.js></script>
      <!-- End of hscripts calendar Script -->

d)To change colors:

      Edit the file hjcal/calendar.js and change the colors in the first few lines on the
script.

Random number generatior

<!-- Script by hscripts.com -->

<!-- copyright of HIOX INDIA -->
<!-- more scripts @ http://www.hscripts.com -->
<script language=javascript>
function randomnumber(num1, num2)
{
num1 = parseInt(num1);
num2 = parseInt(num2);
if(num1 >= num2)
{
alert("Number 2 should be greater than Number 1");
}
else
{
 var generator = Math.random()*(num2-num1);
generator = Math.round(num1+generator);
document.test.result.value = generator;
}
}
</script>
<!-- Script by hscripts.com -->

cursor

a) Unzip the download.

b) You will get hcursor-trail/cursor-trail.html and hcursor-trail/README
c) Just copy the code into your file and run it.

Eye

a) Unzip the download.

 b) You will get required eye image and heye-oncursor/mousecursor.js and README
file
 c) Now copy the following javascript code in to the html file.
        <!-- hscripts.com eyes on cursor script -->
        <script language=javascript src=heye-oncursor/mousecursor.js></script>
        <!-- End of hscripts eye on cursor JavaScript -->
 d) Run the file.

Mouse Over the Image

<!-- Script by hscripts.com -->

<script language=javascript>
var browserName=navigator.appName;
var left_align = 268; // Set the left position to center the greybox
var top_align = 134; // Set the top position to center the greybox
function disp(){
if(browserName == "Netscape"){
var stop = document.documentElement.scrollTop;

document.getElementById('ebox1').style.height=document.body.offsetHeight
+"px";
document.getElementById('s').style.position = "fixed";
}else{
var stop = window.pageYOffset || document.body.scrollTop ||
document.documentElement.scrollTop;
window.onscroll=mveditbox;
}
document.getElementById('s').style.display = 'block';
document.getElementById('ebox1').style.display='block';

document.getElementById('frm').style.opacity = 5/10;
document.getElementById('frm').style.filter = 5/10;
 document.getElementById('ebox1').style.zIndex=100;
document.getElementById('s').style.zIndex=1000;
document.getElementById('ebox1').style.top=stop+"px";

var top_pos = stop+top_align;

document.getElementById('s').style.top= top_pos+"px";

var sleft = window.pageXOffset || document.body.scrollLeft ||

document.documentElement.scrollLeft;
var left_pos = sleft+left_align;
document.getElementById('s').style.left= left_pos+"px";
}

function hide(){
document.getElementById('s').style.display='none';
document.getElementById('frm').style.opacity = 100;
document.getElementById('ebox1').style.display='none';
}

function mveditbox() {
var stop =window.pageYOffset || document.body.scrollTop ||
document.documentElement.scrollTop;
document.getElementById('ebox1').style.top=stop+"px";

var tot = stop+top_align;

document.getElementById('s').style.top= tot+"px";

document.getElementById('ebox1').style.height =
document.body.clientHeight+"px";
}
</script>
<!-- Script by hscripts.com -->

Html code

<iframe frameborder=1 id='ebox1' width=100%

height=100% bgcolor=#808080 style='display: none; position:absolute;
top: 0px; left: 0px;filter:alpha(opacity=0.5);-moz-opacity: 0.5;opacity:
0.5;background-color: #808080;'>
</iframe>

<form name=frm>
<table id=frm align=center border=0 cellpadding=0 cellspacing=0
bgcolor=black style="border: 1px solid black;">
<tr><td align=left><img src="hgreybox/fun.gif"
onmouseover='disp();'></td></tr></table></form>

<div id='s' style='display: none; border:thin solid black; position:

absolute; background-color: black;'>
<div style="background: url('hgreybox/head.gif'); width: 350px; text-
align: right; color: white; font-weight: bold;">
<a style='cursor:pointer;color:#ffffff;'
onclick='hide()'><b>X </b></a></div>
<div align=center id='ad' style="color: red; background-color: white;
font-weight: bold; font-family: Times New Roman; font-size: 14px;"><a
style="text-decoration:none;"
href="http://hscripts.com/tutorials/photoshop/" target=_blank><img
src="hgreybox/ad.gif" width=350px></a></div>
</div>

animation:

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="b_blue.gif";
}
function mouseOut()
{
document.getElementById("b1").src ="b_pink.gif";
}
</script>
</head>

<body>
<a href="http://www.w3schools.com" target="_blank">
<img border="0" alt="Visit W3Schools!" src="b_pink.gif" id="b1" width="26"
height="26" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>