实例6.文字波浪效果.html

来自「JavaScript精彩网页特效实例精粹」· HTML 代码 · 共 24 行

HTML
24 行
字号 

<script language="JavaScript">
<!--
function wave(n) 
{   
	theText = "JavaScript";
	output = "";
	for (i = 0; i < theText.length; i++)
	{
		size = 60*Math.abs(Math.sin((i+n)*3.14/theText.length))
		output += "<font style='font-size: "+ size +"pt' color='#ff0000'>" +theText.substring(i,i+1)+ "</font>";
	}
	theDiv.innerHTML = output;
	if (n > theText.length) {n=0}
	else {n++}
	setTimeout("wave(" + n + ")", 200);
}
//-->
</script>
<body onload=wave(0);>
<div ID="theDiv" align="center">
</div>
</body>

实例6.文字波浪效果.html - 源码说明

本页面展示了「JavaScript精彩网页特效实例精粹」中的 实例6.文字波浪效果.html 源码文件，采用 HTML 编程语言编写，共 24 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?