发布您的源码作品！会员登录/控制面版

文字的扭动播放

作者：佚名来源：不详发布时间：2006-10-29 0:32:30 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<Script language="JavaScript1.2">
var size = 20;
var speed_between_messages=1500 
var tekst = new Array()
{
tekst[0] = "朝 辞 白 帝 彩 云 间";
tekst[1] = "千 里 江 陵 一 日 还";
tekst[2] = "两 岸 猿 声 啼 不 住";
tekst[3] = "轻 舟 已 过 万 重 山";
}
var klaar = 0;
var s = 0;
var veran =0;
var tel = 0;
function bereken(i,Lengte)
{
return (size*Math.abs( Math.sin(i/(Lengte/3.14))) );
}

function motor(p)
{
var output = "";
for(w = 0;w < tekst[s].length - klaar+1; w++)
{
q = bereken(w/2 + p,16);
if (q > size - 0.5)
{klaar++;}
if (q < 5)
{tel++;
if (tel > 1)
{
tel = 0;
if (veran == 1)
{
veran = 0;
s++;
if ( s == tekst.length)
{s = 0;}
p = 0;
if (window.loop)
{clearInterval(loop)}
loop = motor();
}
}
}
output += "<font style='font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>"; 
}
for(k=w;k<klaar+w;k++)
{ 
output += "<font style='font-size: " + size + "pt'>" +tekst[s].substring(k,k+1)+ "</font>";
}
idee.innerHTML = output; 
}

function startmotor(p){
if (!document.all)
return
var loop = motor(p); 
if (window.time)
{clearInterval(time)}
if (klaar == tekst[s].length)
{
klaar = 0;
veran = 1;
tel = 0;
var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages);
}else
{ 
var time =setTimeout("startmotor(" +(p+1) + ")", 50);
}

}

</Script>
<div ID="idee">
</div>

第二步：把“onload="startmotor(0)"”加在<body>标记里
例如：<bpdy onload="startmotor(0)">

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：字符从右波浪式出现然后下落

下一篇代码：字符的背景特效

精品推荐

阅读排行

· 自己动手输入网页背景颜色代码
· 随机数字生成器
· 礼花背景(一个非常经典的网页背景）
· 鼠标经过文字变色
· 倒计时代码生成器
· [图文] 代码实现生成弹出窗口的特效
· [图文] 星星满天闪烁的背景
· 颜色英文代码全集
· 速度练习　测试你打字的速度
· 爱情游戏测试

相关代码

· 請問這段代碼生成的表格和文字怎樣加入超級鏈接
· 文字过滤
· 一段英文文字~要找出一个指定的单词在文中出现的次..
· [图文] 在网页完全载入前会出现图片(文字)提示　加..
· 鼠标经过变色文字
· 又一个鼠标移到按钮上就会出现跳马灯式样的说明文..
· 鼠标移到按钮上就会出现跳马灯式样的说明文字
· 鼠标移到链接上，文字本身及背景发生色彩变化
· 链接文字的渐变效果
· 鼠标经过文字变色