纯js文字来回伸缩闪动特效代码

2016-08-05 网页编程网 网页编程网

<HTML>
<HEAD>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<TITLE>文字闪动特效</TITLE>
</HEAD>
<BODY bgColor=#ff0000 leftMargin=0 onload=doWave(0) topMargin=0>
<TABLE border=0 cellPadding=0 style="FONT-SIZE: 9pt" width="100%">
  <TBODY>
  <TR>
    <TD align=middle style="COLOR: rgb(255,255,0)" width="100%">
<SCRIPT language=JavaScript>
function nextSize(i,incMethod,textLength){
if (incMethod == 1) return (32*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis){
	output = "";
	for (i = 0; i < text.length; i++){
		size = parseInt(nextSize(i +dis,method,text.length));
		output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
	}
	theDiv.innerHTML = output;
}
function doWave(n){
	theText = "======网页编程网======";
	sizeCycle(theText,1,n);
	if (n > theText.length) {n=0}
	setTimeout("doWave(" + (n+1) + ")", 50);
}
</SCRIPT>
<DIV align=center id=theDiv></DIV></TD></TR>
  <TR>
    <TD align=middle width="100%">
<SCRIPT language=JavaScript></SCRIPT>
    </TD></TR>
</TBODY></TABLE>
</BODY>
</HTML>

阅读原文

阅读 4381

123 显示电脑版