Announcement

**Masood** · 24 June 2005, 00:05

Re: Mouse Effects

a very good one aanchal - achha effect hai :)

. · 24 June 2005, 00:18

Re: Mouse Effects

<body bgcolor ="000000">

<script language="JavaScript">

dCol='f8f8f8';//date colour.

fCol='f8f8f8';//face colour.

sCol='f8f8f8';//seconds colour.

mCol='f8f8f8';//minutes colour.

hCol='f8f8f8';//hours colour.

ClockHeight=40;

ClockWidth=40;

ClockFromMouseY=0;

ClockFromMou***=100;

//Alter nothing below! Alignments will be lost!

d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THU RSDAY","FRIDAY","SATURDAY");

m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY"," JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEM BER","DECEMBER");

date=new Date();

day=date.getDate();

year=date.getYear();

if (year < 2000) year=year+1900;

TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;

D=TodaysDate.split('');

H='...';

H=H.split('');

M='....';

M=M.split('');

S='.....';

S=S.split('');

Face='1 2 3 4 5 6 7 8 9 10 11 12';

font='Arial';

size=1;

speed=0.6;

ns=(document.layers);

ie=(document.all);

Face=Face.split(' ');

n=Face.length;

a=size*10;

ymouse=0;

xmouse=0;

scrll=0;

props="<font face="+font+" size="+size+" color="+fCol+"><B>";

props2="<font face="+font+" size="+size+" color="+dCol+"><B>";

Split=360/n;

Dsplit=360/D.length;

HandHeight=ClockHeight/4.5

HandWidth=ClockWidth/4.5

HandY=-7;

HandX=-2.5;

scrll=0;

step=0.06;

currStep=0;

y=new Array();x=new Array();Y=new Array();X=new Array();

for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

if (ns){

for (i=0; i < D.length; i++)

document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');

for (i=0; i < n; i++)

document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');

for (i=0; i < S.length; i++)

document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');

for (i=0; i < M.length; i++)

document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');

for (i=0; i < H.length; i++)

document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');

}

if (ie){

document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < D.length; i++)

document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a +';widt h:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');

document.write('</div></div>');

document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a +';widt h:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');

document.write('</div></div>');

document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < H.length; i++)

document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;fo nt-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');

document.write('</div></div>');

document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < M.length; i++)

document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;fo nt-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');

document.write('</div></div>')

document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < S.length; i++)

document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;fo nt-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');

document.write('</div></div>')

}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;

xmouse = (ns)?evnt.pageX+ClockFromMou***:event.x+ClockFromM ou***;

}

(ns)?window.onMouseMove=Mouse:document.onmousemove =Mouse;

function ClockAndAssign(){

time = new Date ();

secs = time.getSeconds();

sec = -1.57 + Math.PI * secs/30;

mins = time.getMinutes();

min = -1.57 + Math.PI * mins/30;

hr = time.getHours();

hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

if (ie){

Od.style.top=window.document.body.scrollTop;

Of.style.top=window.document.body.scrollTop;

Oh.style.top=window.document.body.scrollTop;

Om.style.top=window.document.body.scrollTop;

Os.style.top=window.document.body.scrollTop;

}

for (i=0; i < n; i++){

var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;

F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);

}

for (i=0; i < H.length; i++){

var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;

HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

}

for (i=0; i < M.length; i++){

var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;

ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

}

for (i=0; i < S.length; i++){

var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;

SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

}

for (i=0; i < D.length; i++){

var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;

DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);

}

currStep-=step;

}

function Delay(){

scrll=(ns)?window.pageYOffset:0;

Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);

Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

for (i=1; i < D.length; i++){

Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);

}

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (i=1; i < n; i++){

y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}

ClockAndAssign();

setTimeout('Delay()',20);

}

if (ns||ie)window.onload=Delay;

</script>

. · 24 June 2005, 00:43

Re: Mouse Effects

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE>.spanstyle {
FONT-WEIGHT: bold; FONT-SIZE: 8pt; VISIBILITY: visible; COLOR: white; FONT-FAMILY: Verdana; POSITION: absolute; TOP: -50px
}
</STYLE>

<SCRIPT language=JavaScript>


</SCRIPT>

<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY style="OVERFLOW-Y: scroll; OVERFLOW-X: hidden; WIDTH: 100%" text=#000000
bgColor=#000240 onload=makesnake()>
<SCRIPT language=JavaScript>

</SCRIPT>

. · 24 June 2005, 16:40

Re: Mouse Effects

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function mover()
{
document.all.x.style.left = event.clientX;
document.all.x.style.top = event.clientY;
document.all.x1.style.top = event.clientX;
document.all.x1.style.left = event.clientY;
document.all.x2.style.top = event.clientX;
document.all.x2.style.right = event.clientY;
document.all.x3.style.right = event.clientX;
document.all.x3.style.top = event.clientY;
document.all.x4.style.bottom= event.clientX;
document.all.x4.style.right = event.clientY;
document.all.x5.style.bottom= event.clientX;
document.all.x5.style.left = event.clientY;
document.all.x6.style.left= event.clientX;
document.all.x6.style.bottom = event.clientY;
document.all.x7.style.right= event.clientX;
document.all.x7.style.bottom = event.clientY;
}
// End -->
</script>

</HEAD>



<BODY ONMOUSEMOVE="mover()">



<DIV ID = "x", STYLE = "position: absolute; filter: glow(strength = 3, color = red)"> Hello there! </DIV>
<DIV ID = "x1", STYLE = "position: absolute; filter: glow(strength = 3, color = blue)"> Good to see you! </DIV>
<DIV ID = "x2", STYLE = "position: absolute; filter: glow(strength = 3, color = blue)"> Hello there! </DIV>
<DIV ID = "x3", STYLE = "position: absolute; filter: glow(strength = 3, color = red)"> Good to see you! </DIV>
<DIV ID = "x4", STYLE = "position: absolute; filter: glow(strength = 3, color = green)"> Hello there! </DIV>
<DIV ID = "x5", STYLE = "position: absolute; filter: glow(strength = 3, color = green)"> Good to see you! </DIV>
<DIV ID = "x6", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)"> Hello there! </DIV>
<DIV ID = "x7", STYLE = "position: absolute; filter: glow(strength = 3, color = purple)"> Good to see you! </DIV>

**handsome** · 15 August 2005, 19:54

Re: Mouse Effects

WOW nice sharing jeee

**Yaaram** · 15 August 2005, 19:57

Re: Mouse Effects

is ko karna kya hai yeh bhi btayein na :)

. · 19 August 2005, 00:11

Re: Mouse Effects

Originally posted by YAARAM

is ko karna kya hai yeh bhi btayein na :)

isay copy karain
notepad pay save karain ......html ki extension say ..jaisaye yaraam.html
pher isay open karain yeh internet explorer main open hoo ga.....app vohan mouse effects deekh saktay hain :rose

Z. · 19 August 2005, 00:27

Re: Mouse Effects

Originally posted by Aanchal

isay copy karain
notepad pay save karain ......html ki extension say ..jaisaye yaraam.html
pher isay open karain yeh internet explorer main open hoo ga.....app vohan mouse effects deekh saktay hain :rose

ok thanks
ker key bataon gi key kaisa raha inshAllah :-)

**WorThless** · 25 August 2005, 14:49

Re: Mouse Effects

Wonderful sharing Anchal :) Jeeti raho

**Dr.Hasan** · 15 April 2008, 16:56

Re: Mouse Effects

merey pass kuch nhi hua

**King Khan** · 24 June 2011, 13:56

Re: Mouse Effects

Nyce!! Sharing
Coooooooolllllll

Announcement

Unconfigured Ad Widget

Mouse Effects

Mouse Effects

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment