打字效果特效_网页文本特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 网页文本特效 >> 打字效果特效	查看此特效演示

打字效果特效

把如下代码复制到<body>与</body>之间

<table width="2500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="2500"><script language="JavaScript1.2">
<!--

//设置滚动的内容
var line=new Array()
line[1]="欢迎光临网页特效库BUTONG.NET"
line[2]="最全面的网页特效库"
line[3]="精彩的背景特效"
line[4]="更有各类按钮特效"
line[5]="全面的网页网页特效,满足网页制作爱好者的需要"

//设置字体大小
var ts_fontsize="12px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}

nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script></td>
  </tr>
</table>

使用说明：line[1]至line[5]为打字效果的内容，代码中的1000为文字变换的间隔时间，这些可自行更改。

上一个特效：永远在窗口顶端的文本

返回列表

下一个特效：文字从天上掉下来了