⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 s10_01.htm

📁 老师课件
💻 HTM
字号:
<!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 + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -