s10_01.htm

来自「老师课件」· HTM 代码 · 共 45 行

HTM

45 行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>

<HEAD>
<META name="GENERATOR" content="Microsoft FrontPage 5.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<TITLE>跳动的文字</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
</HEAD>

<BODY onload="WaveText(0)">

<SCRIPT language="JavaScript">

function GetFontSize(i,textLength)
{//按正弦曲线求字符的字体大小
	return Math.floor(72 * Math.abs(Math.sin(i/textLength *3.14)));
}

function ShowLikeWave(text,wave_start)
{//通过把文本text中的每个字符显示为不同大小,使其外形象波浪
	var i,size,output="";
	for (i = 0; i < text.length; i++)
	{
		size = GetFontSize(i + wave_start,text.length);
		output += "<font style='font-size: "+ size +"pt'>" + text.substring(i,i+1)+ "</font>";
	}
	theWavedText.innerHTML = output;
}

function WaveText(wave_start) 
{// 以wave_start为起点,波浪式显示文本
	var theText = "JavaScript";
	ShowLikeWave(theText,wave_start);
	if (wave_start > theText.length) wave_start=0;
	setTimeout("WaveText(" + (wave_start+1) + ")", 50);
}
</SCRIPT>
<DIV ID="theWavedText" align="center">
</DIV>

</BODY>

</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?

s10_01.htm

s10_01.htm - 源码说明

⌨️ 快捷键说明