7-5.htm

来自「JavaScript网页特效实例大全」· HTM 代码 · 共 38 行

HTM
38 行
字号 
<script language="JavaScript">

function nextSize(i,incMethod,textLength)<!--返回字体大小-->
{
if (incMethod == 1) return (40*Math.abs( Math.sin(i/(textLength/3.14))) );<!--返回第i个字的字体的大小，字体按照正弦曲线变化-->

}

function sizeCycle(text,method,dis)
{
	output = "";<!--定义变量，赋值为空-->
	for (i = 0; i < text.length; i++)<!--循环所有的文字-->
	{
		size = parseInt(nextSize(i +dis,method,text.length));<!--获得第i+dis的字的字体的大小-->
output += "<font color=red style='font-size: "+size +"pt'>" +text.substring(i,i+1)+ "</font>";<!--生成显示的字符串-->
	}
	theDiv.innerHTML = output;<!--输出字符串-->
}

function doWave(n) 
{   
	theText ="欢迎来到本站！";<!--设定待显示的文字-->
                 
	sizeCycle(theText,1,n);<!--调用sizeCycle函数-->
	if (n > theText.length) {n=0}
	setTimeout("doWave(" + (n+1) + ")", 100);<!--每隔0.5毫秒调用一次doWave函数-->
}
</script>
<div ID="theDiv">

</div>


<body  onload=doWave(0);><!--直接调用doWave函数-->
<!--本例程实现了文字胡乱跳动的效果-->
<!--对字体大小的控制-->
<!--利用settimeout函数实现动画效果-->
<!--对函数的调用-->

7-5.htm - 源码说明

本页面展示了「JavaScript网页特效实例大全」中的 7-5.htm 源码文件，采用 HTM 编程语言编写，共 38 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

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

⌨️ 快捷键说明

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