输入若干行文字,自动进行交替显现,并有一定的特效
第一步:
在<body>区想要出现效果的地方加入以下代码
<script language="JavaScript1.2">
/*****************************************************
* Share JavaScript (http://www.ShareJS.com)
* 使用此脚本程序,请保留此声明
* 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
******************************************************/
var size = 25;
var speed_between_messages=1500 //in miliseconds
var tekst = new Array()
{
tekst[0] = "波动交替的文字效果 ShareJS.com";
tekst[1] = "你可以输入你要的文字";
tekst[2] = "可以随意改变文字大小";
tekst[3] = "可以随意改变切换速度";
tekst[4] = "总之一个字:非常好";
}
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>
第二步:
在<body>标签加入 OnLoad事件,如:
<body onload="startmotor(0)">
注:
var tekst = new Array()
{
tekst[0] = "波动交替的文字效果 ShareJS.com";
tekst[1] = "你可以输入你要的文字";
tekst[2] = "可以随意改变文字大小";
tekst[3] = "可以随意改变切换速度";
tekst[4] = "总之一个字:非常好";
}
内的内容可以自由修改,如要增加一条,可以写成
tekst[5] = "这是第六条,编号为5,哈哈";




