文字的扭动播放-JS特效-爱易网页

文字的扭动播放

日期：2014-05-18　浏览次数：20407 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

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

第一步：把如下代码加入到<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>标记里
例如：<body onload="startmotor(0)">

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

探析APP移动营销发扬实效的微妙

巧用百度推行系统突显竞价效果

传诺基亚5月14日发布会推出Lumia 950

谁说黑莓没救？他们在悄悄地深耕企业级市场，在这个领域，苹果三星算什么，他们远远不是黑莓的对手

空气污染器市场乱象丛生选购需慎重

玩游戏式的趣味戒烟App：Kwit

中国移动承诺再降4G资费网络漫游至50个国家

联想国庆完成收购IBM x86服务器

HTC的三大迷惘：高管釜底抽薪产品营销战略混乱

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>