Some simple javascript

smartglorious · 5 Tháng tư 2007

Trỏ chuột hình đồng hồ ^^

Mã:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0054)http://www.echip.com.vn/echiproot/javascript/test.html -->
<!-- saved from url=(0022)http://internet.e-mail --><HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<SCRIPT language=JavaScript>
dCol='red';//date colour.
fCol='black';//face colour.
sCol='red';//seconds colour.
mCol='aqua';//minutes colour.
hCol='3399FF';//hours colour.
ClockHeight=50;
ClockWidth=50;
ClockFromMouseY=0;
ClockFromMouseX=100;
TodaysDate="E CHIP TUAN TIN CONG NHGE VASC**";
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.03;
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+';width:'+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+';width:'+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;font-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;font-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;font-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+ClockFromMouseX:event.x+ClockFromMouseX;
}
(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()',10);

}
if (ns||ie)window.onload=Delay;
</SCRIPT>

<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff></TABLE></BODY></HTML>

Hiệu ứng chữ

Mã:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0059)http://www.echip.com.vn/echiproot/javascript/textdragon.htm -->
<HTML><HEAD><TITLE>{--} Javascript - TEXT DRAGON - Suu tam boi Mr HOT</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE>A:link {
	COLOR: #990000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #99ccff; TEXT-DECORATION: none
}
A:hover {
	COLOR: red; TEXT-DECORATION: underline
}
</STYLE>

<SCRIPT>
var mes = new Array()
mes[0]="TUẦN TIN CNTT - VIỄN THÔNG - VASC"
mes[1]="WWW.ECHIP.COM.VN"
mes[2]="JAVASCRIPT NHƯ BÁNH MÌ SÀI GÒN"
mes[3]="[email protected]"

// Chieu dai toi da cua TEXT
var maxtextlength=35
var path= new Array(548,316,581,296,598,257,577,215,559,202,503,193,464,203,446,222,448,255,468,274,500,280,526,267,541,237,537,209,526,187,499,161,462,146,412,133,368,129,326,132,293,142,272,159,250,184,239,204,234,213,226,230,201,253,186,259,165,265,136,268,110,270,83,267,58,260,36,243,26,229,22,210,24,191,29,174,39,163,56,154,76,150,96,149,110,148,135,152,165,156,196,165,208,172,231,181,254,192,280,203,305,210,339,210,366,206,389,195,405,182,419,167,428,148,442,116,448,80,443,41,401,8,347,0,300,11,280,30,256,50,230,58,198,61,169,56,141,50,113,45,87,36,70,29,52,24,28,18,7,15)
var stoptime=2
var textfont="Verdana"
var textsize=12
var textcolor="ffff00"
var letterspace=14
var tickerleft=path[path.length-2]
var tickertop=path[path.length-1]
var timer
var finalxpos=tickerleft
var i_mes=0
var message=""
var i_path=0
var stoptimemilli=stoptime*stoptime+1000
var pathx= new Array()
var ii=0

for (i=0;i<=path.length-1;i=i+2){
	pathx[ii]=path[i]
	ii++
}
ii=0
var pathy= new Array()
for (i=1;i<=path.length-1;i=i+2) {
	pathy[ii]=path[i]
	ii++
}
var xpos=new Array()
for (i=0;i<=maxtextlength;i++) {
	xpos[i]=5000
}
var ypos=new Array()
for (i=0;i<=maxtextlength;i++) {
	ypos[i]=5000
}

function MakeDragon() {
	if (i_path<=pathx.length-1) {
		for (i=message.length; i>=1; i--) {
   			xpos[i]=xpos[i-1]
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=pathx[i_path]
		ypos[0]=pathy[i_path]
		if (document.all) {
			for (i=0; i<message.length; i++) {
    			var thisspan = eval("document.all.span"+(i)+".style")
    			thisspan.posLeft=xpos[i]
				thisspan.posTop=ypos[i]
    		}
		}
		if (document.layers) {
			for (i=0; i<message.length; i++) {
    			var thisspan = eval("document.span"+i)
    			thisspan.left=xpos[i]
				thisspan.top=ypos[i]
    		}
		}
		i_path++
		timer=setTimeout("MakeDragon()",20)
	}
	else {
		clearTimeout(timer)
		endposition()
	}
}

function endposition() {
		if (document.all) {
			for (i=0; i<message.length; i++) {
    			var thisspan = eval("document.all.span"+(i)+".style")
    			thisspan.posLeft=tickerleft+finalxpos
				thisspan.posTop=tickertop
				finalxpos+=letterspace
    		}
		}
		if (document.layers) {
			for (i=0; i<message.length; i++) {
    			var thisspan = eval("document.span"+i)
    			thisspan.left=tickerleft+finalxpos
				thisspan.top=tickertop
				finalxpos+=letterspace
    		}
		}
		timer=setTimeout("ClearText()",stoptimemilli)
}

function ClearText() {
		finalxpos=tickertop
		i_path=0
		for (i=0;i<=maxtextlength;i++) {
			xpos[i]=5000
		}
		if (document.all) {
			for (i=0;i<=maxtextlength;i++) {
				var thisspan = eval("document.all.span"+i)
    			thisspan.innerHTML=" "
				var thisspan = eval("document.all.span"+(i)+".style")
    			thisspan.posLeft=xpos[i]=5000
			}
		}
		if (document.layers) {
			for (i=0;i<=maxtextlength;i++) {
				var thisspan = eval("document.span"+i+".document")
    			thisspan.write("<p> </p>")
				thisspan.clear()
				thisspan = eval("document.span"+i)
    			thisspan.left=5000
			}
		}
		timer=setTimeout("Text_Dragon()",2000)
}

function Text_Dragon() {
		var messa=mes[i_mes]
		message=messa.split("")
		if (document.all) {
			for (i=0;i<=message.length-1;i++) {
				var thisspan = eval("document.all.span"+i)
    			thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor+"'>"+message[i]+"</p>"
			}
		}
		if (document.layers) {
			for (i=0; i<message.length-1; i++) {
    			var thisspan=eval("document.span"+i+".document")
    			thisspan.write("<p><font size="+textsize+" color="+textcolor+" face="+textfont+">"+message[i]+"</font></p>")
				thisspan.clear()
    		}
		}
		i_mes++ 
		if (i_mes>=mes.length) {i_mes=0}
		finalxpos=tickertop
		i_path=0
		timer=setTimeout("MakeDragon()",1000)
}

</SCRIPT>

<STYLE>.spanstyle {
	LEFT: 1000px; VISIBILITY: visible; POSITION: absolute
}
</STYLE>

<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY bgColor=#000000 onload=Text_Dragon()>
<SCRIPT>
	for (i=0;i<=maxtextlength;i++) {

    	document.write("<span id='span"+i+"' class='spanstyle'>")
		document.write(message)
    	document.write("</span>")
 

	}

</SCRIPT>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><FONT 
face=verdana color=#ffffff size=1><B>&nbsp; © 2004 Sưu tầm bởi <A 
title="{ Lien he voi Mr HOT }" href="mailto:[email protected]"><B><FONT 
color=red>Mr HOT</B></A>. </FONT></B></FONT></BODY></HTML>

Some simple javascript

smartglorious

New Member