动态切换的文字

2008-09-20 14:54:00 | 【

输入若干行文字,自动进行交替显现,并有一定的特效

查看全部代码 View Code

第一步:
在<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,哈哈"; 

下载"动态切换的文字"

  • 本地下载
  • 本地下载2
上一篇: 波浪形的文字  
下一篇: 动态插入表格

相关资源