Aşağı yukarı kayan saat

Sayfayı aşağıya veya yukarıya kaydığında takip eden köşede duran saat scripti.

Sayfanızda head /head arasına eklenecek kodlar:

<style type="text/css">/*----------Text Styles----------*/ .ws6 {font-size: 8px;} .ws7 {font-size: 9.3px;} .ws8 {font-size: 11px;} .ws9 {font-size: 12px;} .ws10 {font-size: 13px;} .ws11 {font-size: 15px;} .ws12 {font-size: 16px;} .ws14 {font-size: 19px;} .ws16 {font-size: 21px;} .ws18 {font-size: 24px;} .ws20 {font-size: 27px;} .ws22 {font-size: 29px;} .ws24 {font-size: 32px;} .ws26 {font-size: 35px;} .ws28 {font-size: 37px;} .ws36 {font-size: 48px;} .ws48 {font-size: 64px;} .ws72 {font-size: 96px;} .wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;} /*----------Para Styles----------*/ DIV,UL,OL /* Left */ { margin-top: 0px; margin-bottom: 0px; } </style>

Sayfanızda body /body arasına eklemeniz gereken kodlar:

<script language="JavaScript"> fCol='444444'; //face colour.sCol='FF0000'; //seconds colour.<br />mCol='444444'; //minutes colour.hCol='444444'; //hours colour.YCbase=30; //Clock height.XCbase=30; //Clock width.H='...';H=H.split('');M='....';M=M.split('');S='.....';S=S.split('');NS4=(document.layers);NS6=(document.getElementById&&!document.all);IE4=(document.all);<br />Ypos=0;Xpos=0;cdots=12;Split=360/cdots;if (NS6){for (i=1; i < id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');}for (i=0; i < id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>');}for (i=0; i < id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>');}for (i=0; i < id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>');}}if (NS4){dgts='1 2 3 4 5 6 7 8 9 10 11 12';dgts=dgts.split(' ')for (i=0; i < name="nsDigits'+i+'" top="0" left="0" height="30" width="30"><center><span style="font-family:Arial;font-size:78%;color:'+fCol+';">'+dgts[i]+'</span></center></layer>');}for (i=0; i < name="ny'+i+'" top="0" left="0" bgcolor="'+mCol+'" clip="0,0,2,2"></layer>');}for (i=0; i < name="nz'+i+'" top="0" left="0" bgcolor="'+hCol+'" clip="0,0,2,2"></layer>');}for (i=0; i < name="nx'+i+'" top="0" left="0" bgcolor="'+sCol+'" clip="0,0,2,2"></layer>');}if (IE4){document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=1; i < id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');}document.write('</div></div>')document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < id="y" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');}document.write('</div></div>')document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < id="z" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');}document.write('</div></div>')document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < id="x" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');}document.write('</div></div>')}function clock(){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.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;if (NS6){Ypos=window.pageYOffset+window.innerHeight-YCbase-25;Xpos=window.pageXOffset+window.innerWidth-XCbase-30;for (i=1; i < top="Ypos-15+YCbase*Math.sin(-1.56" left="Xpos-15+XCbase*Math.cos(-1.56" i="0;" top="Ypos+i*YCbase/4.1*Math.sin(sec);" left="Xpos+i*XCbase/4.1*Math.cos(sec);" i="0;" top="Ypos+i*YCbase/4.1*Math.sin(min);" left="Xpos+i*XCbase/4.1*Math.cos(min);" i="0;" top="Ypos+i*YCbase/4.1*Math.sin(hrs);" left="Xpos+i*XCbase/4.1*Math.cos(hrs);" ypos="window.pageYOffset+window.innerHeight-YCbase-20;" xpos="window.pageXOffset+window.innerWidth-XCbase-30;" i="0;" top="Ypos-5+YCbase*Math.sin(-1.045" left="Xpos-15+XCbase*Math.cos(-1.045" i="0;" top="Ypos+i*YCbase/4.1*Math.sin(sec);" left="Xpos+i*XCbase/4.1*Math.cos(sec);" i="0;" top="Ypos+i*YCbase/4.1*Math.sin(min);" left="Xpos+i*XCbase/4.1*Math.cos(min);" i="0;" top="Ypos+i*YCbase/4.1*Math.sin(hrs);" left="Xpos+i*XCbase/4.1*Math.cos(hrs);" ypos="document.body.scrollTop+window.document.body.clientHeight-YCbase-20;" xpos="document.body.scrollLeft+window.document.body.clientWidth-XCbase-20;" i="0;" pixeltop="Ypos-15+YCbase*Math.sin(-1.045" pixelleft="Xpos-15+XCbase*Math.cos(-1.045" i="0;" pixeltop ="Ypos+i*YCbase/4.1*Math.sin(sec);" pixelleft="Xpos+i*XCbase/4.1*Math.cos(sec);" i="0;" pixeltop ="Ypos+i*YCbase/4.1*Math.sin(min);" pixelleft="Xpos+i*XCbase/4.1*Math.cos(min);" i="0;" pixeltop ="Ypos+i*YCbase/4.1*Math.sin(hrs);" pixelleft="Xpos+i*XCbase/4.1*Math.cos(hrs);"></script>