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

📄 9.7.htm

📁 使用javascript处理文字处理特效源码
💻 HTM
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>漫天飞舞的文字</title>
</head>
<body bgcolor="black">
<h1><font color="white">漫天飞舞的文字</font></h1><hr>
<DIV id=object0 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff0000 size=+4>A</FONT></DIV>
<DIV id=object1 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0fff00 size=+4>B</FONT></DIV>
<DIV id=object2 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff00ff size=+4>C</FONT></DIV>
<DIV id=object3 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0080ff size=+4>D</FONT></DIV>
<DIV id=object4 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff8000 size=+4>E</FONT></DIV>
<DIV id=object5 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#008000 size=+4>F</FONT></DIV>
<DIV id=object6 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#8000ff size=+4>G</FONT></DIV>
<DIV id=object7 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff0000 size=+4>H</FONT></DIV>
<DIV id=object8 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0fff00 size=+4>I</FONT></DIV> 
<DIV id=object9 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff00ff size=+4>J</FONT></DIV>
<DIV id=object10 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0080ff size=+4>K</FONT></DIV>
<DIV id=object11 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff8000 size=+4>L</FONT></DIV>
<DIV id=object12 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#008000 size=+4>M</FONT></DIV>
<DIV id=object13 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#8000ff size=+4>N</FONT></DIV>
<DIV id=object14 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff0000 size=+4>O</FONT></DIV>
<DIV id=object15 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0fff00 size=+4>P</FONT></DIV>
<DIV id=object16 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff00ff size=+4>Q</FONT></DIV>
<DIV id=object17 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0080ff size=+4>R</FONT></DIV>
<DIV id=object18 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff8000 size=+4>S</FONT></DIV>
<DIV id=object19 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#008000 size=+4>T</FONT></DIV>
<DIV id=object20 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#8000ff size=+4>U</FONT></DIV>
<DIV id=object21 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff0000 size=+4>V</FONT></DIV>
<DIV id=object22 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0fff00 size=+4>W</FONT></DIV>
<DIV id=object23 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0fff00 size=+4>X</FONT></DIV>
<DIV id=object24 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#0080ff size=+4>Y</FONT></DIV>
<DIV id=object25 style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT color=#ff8000 size=+4>Z</FONT></DIV>

<script language="JavaScript">
<!--
function setVariables(){          //设置变量
       
       h=".pixelLeft=",v=".pixelTop=",dS="",sD=".style";          //设置变量
}
var y = 200;          //初始纵坐标
var x = 300;          //初始横坐标
var inc=0;
var X = 250;          //初始纵坐标
var Y = 150;          //初始横坐标
function moveLetters() {
   for ( j = 0 ; j <26 ; j++ ) {
      objectX="object"+j          //对第j个对象
      eval(dS + objectX +sD + v + (Y + Math.cos((20*Math.sin(inc/20))+j*70)*y*(Math.sin(10+inc/10)+0.2)*Math.cos((inc + j*25)/10)));          //设置第j个对象的上边界
      eval(dS + objectX + sD + h + (X + Math.sin((20*Math.sin(inc/20))+j*70)*x*(Math.sin(10+inc/10)+0.2)*Math.cos((inc + j*25)/10)));          //设置第j个对象的左边界
   }
   inc+=.2;          //幅度增加
   setTimeout("moveLetters()", 1);          //设置周期调用的时间
}
setVariables()          //直接调用setVariables函数
moveLetters()          //直接调用moveLetters函数
//-->
</script>
</body>
</html>

⌨️ 快捷键说明

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