js 打字机效果

时间：2022-06-25 21:50:55 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js 打字机效果</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">

<style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">
/*全局样式*/
*{padding:0;margin:0;}
a img{border:0;}
body{font-family:"宋体";font-size:12px;color:#000;}
/*全局样式结束*/
#right_b{float:right;height:auto;}
.box{color:#FF0000;font-size:14px;}
#message{float:left;border:1px solid #1e59bb;margin-top:10px;}
.message_title{background:url(/effect/images/201009101410//201009101410/personal_51.gif) repeat-x;margin-bottom:8px;}
.message_title h2{font-weight:bold;color:#FFF;line-padding-left:12px;}
#message p{float:left;margin:5px 0 0 10px;display:inline;line-background:url() repeat-x center bottom;padding-bottom:5px;color:#666;}
#message p.txt_region{background:none;margin-top:15px;}
#message p.txt_region2{background:none;}
#message p a{color:#0058af;text-decoration:none;}
#message p a:hover{color:#ff6600;text-decoration:underline;}
</style>
<script language="javascript">
var max=0;
function textlist()//自己的对象，存储字符串
{
  max=textlist.arguments.length;
  for (i=0; i<max; i++)
   this[i]=textlist.arguments[i];
}
tl=new textlist("请在此处填写您的留言");//实际上是一个多维数组
var x=0;pos=0;var t,m;
var l=tl[0].length;
function textticker() 
{        
  document.form1.textfeld.value=tl[x].substring(0,pos)+"_";
  if(pos++==l)
        {
         pos=0;
          t = setTimeout("textticker()",1000);//控制两段话间的转换时间
         x++;
         if(x==max)
          x=0;
          l=tl[x].length;
        } else
  m = setTimeout("textticker()",130);//控制文字间的显示时间
}
</script>
</head>

<body onload="textticker()">

<div id="body_mian">
  <div id="mian">
    <div id="right">
      <div id="right_b">
        <div id="message">
          <div class="message_title"><h2>填写留言</h2></div>
          <form name="form1" method="get">
            <p class="txt_region"><textarea onfocus="clearTimeout(t);clearTimeout(m);this.value='';" name="textfeld" cols="22" rows="8." class="box" type="text">

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js 打字机效果

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程