| |
Code for clock cursor (Copy and paste to your Source Box)
<p><!-- start websclock --><!--kleuren: je kan de kleuren(#6cijfers/letters) aanpassen of veranderen via engelse namen--><!-- doe bvb #FF0000 weg en zet red in de plaats --><SCRIPT language=JavaScript> <br /> dCol='#FF0000';//color date. <br /> fCol='#000000';//color numbers. <br /> sCol='#0033cc';//color seconds. <br /> mCol='#FF0000';//color minutes. <br /> hCol='#00FF00';//color hours. <br /> ClockHeight=50; <br /> ClockWidth=50; <br /> ClockFromMouseY=0; <br /> ClockFromMouseX=100; </p> <p>//Do not alter below </p> <p>days=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); <br /> m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); <br /> date=new Date(); <br /> day=date.getDate(); <br /> year=date.getYear(); <br /> if (year < 2000) year=year+1900; <br /> TodaysDate=" "+days[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; <br /> D=TodaysDate.split(''); <br /> clockH='...'; <br /> clockH=clockH.split(''); <br /> M='....'; <br /> M=M.split(''); <br /> S='.....'; <br /> S=S.split(''); <br /> Face='1 2 3 4 5 6 7 8 9 10 11 12'; <br /> font='Arial'; <br /> size=1; <br /> clkspeed=0.6; <br /> ns=(document.layers); <br /> ie=!ns; <br /> Face=Face.split(' '); <br /> faceLength=Face.length; <br /> a=size*10; <br /> ymouse=0; <br /> xmouse=0; <br /> scrll=0; <br /> props="<font face="+font+" size="+size+" color="+fCol+"><B>"; <br /> props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; <br /> Split=360/faceLength; <br /> Dsplit=360/D.length; <br /> HandHeight=ClockHeight/4.5 <br /> HandWidth=ClockWidth/4.5 <br /> HandY=-7; <br /> HandX=-2.5; <br /> scrll=0; <br /> if (ie && !(document.all)){ <br /> step=0.09; <br /> } else { <br /> step=0.06; <br /> } </p> <p>currStep=0; <br /> clocky=new Array();clockx=new Array();clockY=new Array();clockX=new Array(); <br /> for (clki=0; clki < faceLength; clki++){clocky[clki]=0;clockx[clki]=0;clockY[clki]=0;clockX[clki]=0} <br /> clockDy=new Array();clockDx=new Array();clockDY=new Array();clockDX=new Array(); <br /> for (clki=0; clki < D.length; clki++){clockDy[clki]=0;clockDx[clki]=0;clockDY[clki]=0;clockDX[clki]=0} <br /> if (ns){ <br /> for (clki=0; clki < D.length; clki++) <br /> document.write('<layer name="nsDate'+clki+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[clki]+'</font></center></layer>'); <br /> for (clki=0; clki < faceLength; clki++) <br /> document.write('<layer name="nsFace'+clki+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[clki]+'</font></center></layer>'); <br /> for (clki=0; clki < S.length; clki++) <br /> document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[clki]+'</b></center></font></layer>'); <br /> for (clki=0; clki < M.length; clki++) <br /> document.write('<layer name=nsMinutes'+clki+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[clki]+'</b></center></font></layer>'); <br /> for (clki=0; clki < clockH.length; clki++) <br /> document.write('<layer name=nsHours'+clki+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+clockH[clki]+'</b></center></font></layer>'); <br /> } <br /> if (ie){ <br /> document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); <br /> for (clki=0; clki < D.length; clki++) <br /> document.write('<div id="ieDate'+clki+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[clki]+'</B></font></div>'); <br /> document.write('</div></div>'); <br /> document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); <br /> for (clki=0; clki < faceLength; clki++) <br /> document.write('<div id="ieFace' + clki + '" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[clki]+'</B></font></div>'); <br /> document.write('</div></div>'); <br /> document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); <br /> for (clki=0; clki < clockH.length; clki++) <br /> document.write('<div id="ieHours' + clki + '" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+clockH[clki]+'</div>'); <br /> document.write('</div></div>'); <br /> document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); <br /> for (clki=0; clki < M.length; clki++) <br /> document.write('<div id="ieMinutes'+clki+'" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[clki]+'</div>'); <br /> document.write('</div></div>') <br /> document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); <br /> for (clki=0; clki < S.length; clki++) <br /> document.write('<div id="ieSeconds'+clki+'" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[clki]+'</div>'); <br /> document.write('</div></div>') <br /> } <br /> (ns)?window.captureEvents(Event.MOUSEMOVE):0; <br /> function Mouse(evnt){ <br /> ymouse = (!document.all)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; <br /> xmouse = (!document.all)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; <br /> } <br /> (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; <br /> function ClockAndAssign(){ <br /> time = new Date (); <br /> secs = time.getSeconds(); <br /> sec = -1.57 + Math.PI * secs/30; <br /> mins = time.getMinutes(); <br /> min = -1.57 + Math.PI * mins/30; <br /> hr = time.getHours(); <br /> hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; <br /> if (ie){ <br /> document.getElementById("Od").style.top=window.document.body.scrollTop; <br /> document.getElementById("Of").style.top=window.document.body.scrollTop; <br /> document.getElementById("Oh").style.top=window.document.body.scrollTop; <br /> document.getElementById("Om").style.top=window.document.body.scrollTop; <br /> document.getElementById("Os").style.top=window.document.body.scrollTop; <br /> } <br /> for (clki=0; clki < faceLength; clki++){ <br /> var F=(ns)?document.layers['nsFace'+i]:document.getElementById("ieFace" + clki ).style; <br /> F.top=clocky[clki] + ClockHeight*Math.sin(-1.0471 + clki*Split*Math.PI/180)+scrll; <br /> F.left=clockx[clki] + ClockWidth*Math.cos(-1.0471 + clki*Split*Math.PI/180); <br /> } <br /> for (clki=0; clki < clockH.length; clki++){ <br /> var HL=(ns)?document.layers['nsHours'+clki]:document.getElementById("ieHours"+clki).style; <br /> HL.top=clocky[clki]+HandY+(clki*HandHeight)*Math.sin(hrs)+scrll; <br /> HL.left=clockx[clki]+HandX+(clki*HandWidth)*Math.cos(hrs); <br /> } <br /> for (clki=0; clki < M.length; clki++){ <br /> var ML=(ns)?document.layers['nsMinutes'+clki]:document.getElementById("ieMinutes"+clki).style; <br /> ML.top=clocky[clki]+HandY+(clki*HandHeight)*Math.sin(min)+scrll; <br /> ML.left=clockx[clki]+HandX+(clki*HandWidth)*Math.cos(min); <br /> } <br /> for (clki=0; clki < S.length; clki++){ <br /> var SL=(ns)?document.layers['nsSeconds'+clki]:document.getElementById("ieSeconds" + clki).style; <br /> SL.top=clocky[clki]+HandY+(clki*HandHeight)*Math.sin(sec)+scrll; <br /> SL.left=clockx[clki]+HandX+(clki*HandWidth)*Math.cos(sec); <br /> } <br /> for (clki=0; clki < D.length; clki++){ <br /> var DL=(ns)?document.layers['nsDate'+clki]:document.getElementById("ieDate" + clki).style; <br /> DL.top=clockDy[clki] + ClockHeight*1.5*Math.sin(currStep+clki*Dsplit*Math.PI/180)+scrll; <br /> DL.left=clockDx[clki] + ClockWidth*1.5*Math.cos(currStep+clki*Dsplit*Math.PI/180); <br /> } <br /> currStep-=step; <br /> } <br /> function Delay(){ <br /> scrll=(ns)?window.pageYOffset:0; <br /> clockDy[0]=Math.round(clockDY[0]+=((ymouse)-clockDY[0])*clkspeed); <br /> clockDx[0]=Math.round(clockDX[0]+=((xmouse)-clockDX[0])*clkspeed); <br /> for (clki=1; clki < D.length; clki++){ <br /> clockDy[clki]=Math.round(clockDY[clki]+=(clockDy[clki-1]-clockDY[clki])*clkspeed); <br /> clockDx[clki]=Math.round(clockDX[clki]+=(clockDx[clki-1]-clockDX[clki])*clkspeed); <br /> } <br /> clocky[0]=Math.round(clockY[0]+=((ymouse)-clockY[0])*clkspeed); <br /> clockx[0]=Math.round(clockX[0]+=((xmouse)-clockX[0])*clkspeed); <br /> for (clki=1; clki < faceLength; clki++){ <br /> clocky[clki]=Math.round(clockY[clki]+=(clocky[clki-1]-clockY[clki])*clkspeed); <br /> clockx[clki]=Math.round(clockX[clki]+=(clockx[clki-1]-clockX[clki])*clkspeed); <br /> } <br /> ClockAndAssign(); <br /> setTimeout('Delay()',30); <br /> } </p> <p>if (ns||ie) { <br /> Delay(); <br /> } <br /> </SCRIPT><!-- stop websclock --></p>
Code for falling flowers (Copy and paste to your Source Box)
<marquee style="z-index: 1; left: 777px; width: 30px; position: absolute; top: -11px; height: 1000px;" scrollamount="4" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 191px; width: 30px; position: absolute; top: -231px; height: 1000px;" scrollamount="5" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 736px; width: 30px; position: absolute; top: -266px; height: 1000px;" scrollamount="7" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 772px; width: 30px; position: absolute; top: -495px; height: 1000px;" scrollamount="9" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 425px; width: 30px; position: absolute; top: -440px; height: 1000px;" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 745px; width: 30px; position: absolute; top: -133px; height: 1000px;" scrollamount="3" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 270px; width: 30px; position: absolute; top: -335px; height: 1000px;" scrollamount="4" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 248px; width: 30px; position: absolute; top: -121px; height: 1000px;" scrollamount="7" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 374px; width: 30px; position: absolute; top: -478px; height: 1000px;" scrollamount="2" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif" _fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee>
|
