⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 w0008.htm

📁 JavaScript源代码全集
💻 HTM
字号:
🔍 
<!--Saved  from《天索星网》http://www.tasoo.2000c.net,E-mail:tasoo_cn@yahoo.com.cn-->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!-- A:link {text-decoration: none; color:#000000}
     A:visited {text-decoration: none; color: #000000}
     A:active {text-decoration: none; color: #FF0000}
     A:hover {text-decoration: underline; color: FF0000}
     body{font-size=9pt}
	    TH{FONT-SIZE: 9pt}
       TD{ FONT-SIZE: 9pt}-->
</style>
<script language="javascript" type="text/javascript" src="txt.js">
</script>

<title>《网络教程》之Javascript--打字机效果</title>
</head>

<body aLink="#666666" link="#33FF00" onload="init()" vLink="#666666">
<div align="center"><center>

<table border="0" width="90%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" colspan="3" height="62"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td width="250"><img src="../photo/jx.gif" border="0" WIDTH="200" HEIGHT="80"></td>
        <td width="468" height="60"></td>
      </tr>
    </table>
    </center></div></td>
  </tr>
  <tr>
    <td width="20%" bgcolor="#C8C882" valign="middle" align="center" height="22"></td>
    <td width="80%" bgcolor="#C8C882" valign="middle" align="center" colspan="2" height="22"><strong><span style="font-size: 10pt; font-family: Arial">javascript文字类</span></strong></td>
  </tr>
  <tr>
    <td width="20%" valign="top" align="left"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">时间类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">文字类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">导航类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">鼠标类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">按钮类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">跑马灯</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm"><font face="Arial"><strong>COOKIE</strong></font>类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">其他类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="10" bgcolor="#505028"></td>
      </tr>
    </table>
    </center></div></td>
    <td width="80%" valign="top" align="left" colspan="2"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0" height="425">
      <tr>
        <td width="100%" bgcolor="#EBEBEB" valign="middle" align="center" height="18" colspan="3"><span style="font-size: 9pt">打字机效果</span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="14" colspan="3"></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="1" colspan="3" bgcolor="#000080"></td>
      </tr>
      <tr>
        <td width="8%" valign="middle" align="center" height="90"></td>
        <td width="80%" valign="top" align="left" height="90" bgcolor="#000000"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="10">
          <tr>
            <td width="100%" valign="top" align="left"><div class="ttl1" id="ttl0"><span class="ttl1"><!--自己找一个合适的音效，不要也可以-->
<!--	<OBJECT id="ding" CLASSID="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A" WIDTH=0 HEIGHT=0>		<PARAM NAME="ShowDisplay" VALUE="0">		<PARAM NAME="ShowControls" VALUE="0">		<PARAM NAME="AutoStart" VALUE="0">		<PARAM NAME="FileName" VALUE="type.au">		<embed src="type.au" width="37" height="200" controls="playbutton" hidden="true" autostart="true" alt="">	</OBJECT>-->
</span></div></td>
          </tr>
        </table>
        </center></div></td>
        <td width="8%" valign="middle" align="center" height="90"></td>
      </tr>
      <tr>
        <td width="8%" valign="middle" align="center" height="20"></td>
        <td width="80%" valign="middle" align="center" height="20"></td>
        <td width="8%" valign="middle" align="center" height="20"></td>
      </tr>
      <tr>
        <td width="8%" valign="middle" align="center" height="269" rowspan="8"></td>
        <td width="80%" valign="middle" align="left" height="14" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)">第一步：拷贝下面的代码到你的html文件的&lt;head&gt;和&lt;/head&gt;之间</span><p>　</td>
        <td width="8%" valign="middle" align="center" height="269" rowspan="8"></td>
      </tr>
      <tr>
        <td width="80%" valign="middle" align="left" height="14" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)"><font color="#408080">&lt;SCRIPT 
        language=javascript type=text/javascript src=&quot;</font><font color="#FF0080">txt.js</font><font color="#408080">&quot;&gt;&lt;/SCRIPT&gt;</font></span><p>　</td>
      </tr>
      <tr>
        <td width="80%" valign="middle" align="left" height="14" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)">第二步：将你的&lt;body&gt;修改为<font color="#408080">&lt;BODY onload=&quot;init()&quot;&gt;</font></span><p>　</td>
      </tr>
      <tr>
        <td width="80%" valign="middle" align="left" height="14" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)">第三步：拷贝下面的代码到你的html文件的&lt;body&gt;和&lt;/body&gt;之间</span></td>
      </tr>
      <tr>
        <td width="80%" valign="middle" align="center" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)"><form name="copy1">
          <p><textarea rows="6" name="S1" cols="40" onMouseOver="this.focus()" onFocus="this.select()">&lt;div class=&quot;ttl1&quot; id=&quot;ttl0&quot;&gt;&lt;span class=&quot;ttl1&quot;&gt;<!--自己找一个合适的音效，不要也可以-->
<!--	<OBJECT id="ding" CLASSID="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A" WIDTH=0 HEIGHT=0>		<PARAM NAME="ShowDisplay" VALUE="0">		<PARAM NAME="ShowControls" VALUE="0">		<PARAM NAME="AutoStart" VALUE="0">		<PARAM NAME="FileName" VALUE="type.au">		<embed src="type.au" width="37" height="200" controls="playbutton" hidden="true" autostart="true" alt="">	</OBJECT>-->
&lt;/span&gt;&lt;/div&gt;</textarea></span></p>
        </form>
        </td>
      </tr>
      <tr>
        <td width="80%" valign="middle" align="left" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)">第四步：自行修改下面的</span><font color="#FF0000">txt.js</font><span style="font-size: 9pt; color: rgb(255,0,0)">文件，将其存于与页面相同的目录下</span></td>
      </tr>
      <tr>
        <td width="80%" valign="middle" align="center" height="14" bgcolor="#F0FAFF"><span style="font-size: 9pt; color: rgb(255,0,0)"><textarea rows="6" name="S2" cols="40" onMouseOver="this.focus()" onFocus="this.select()"><!--	var layers = document.layers, style = document.all, both = layers || style, idme=908601;	if (layers) { layerRef = 'document.layers'; styleRef = ''; } if (style) { layerRef = 'document.all'; styleRef = '.style'; }	function writeOnText(obj, str) {	  if (layers) with (document[obj]) { document.open();  document.write(str); document.close(); }	  if (style) eval(obj+'.innerHTML= str');	}	//以下是输出的内容，自己修改即可。	var dispStr = new Array(		"<b>天 索 星 网 <font color=rgb(130,255,255)>tasoostarnet . . .</font>&nbsp; &nbsp; &nbsp; &nbsp; <br> http:// w w w . t a s o o . o n c h i n a . n e t<font color=rgb(130,255,255)> . . .o k</font> <br> E-mail: t a s o o _ c n @ y a h o o . c o m . c n <font color=rgb(130,255,255)> . . .o k</font> <br> F r e e&nbsp; j a v a s c r i p t s<font color=rgb(130,255,255)> . . . o k</font>  <br> W e l c o m e &nbsp; Y o u<font color=rgb(130,255,255)> . . . </font>"	);	var overMe=0;	function txtTyper(str, idx, idObj, spObj, clr1, clr2, delay, plysnd) {	  var tmp0 = tmp1 = '', skip = 0;	    if (both && idx <= str.length) {		if (str.charAt(idx) == '<') { while (str.charAt(idx) != '>') idx++; idx++; }		if (str.charAt(idx) == '&' && str.charAt(idx+1) != ' ') { while (str.charAt(idx) != ';') idx++; idx++; }		tmp0 = str.slice(0,idx);		tmp1 = str.charAt(idx++);		if (overMe==0 && plysnd==1) {		  if (navigator.plugins[0]) {		    if (navigator.plugins["LiveAudio"][0].type=="audio/basic" && navigator.javaEnabled()) {			document.embeds[0].stop();			setTimeout("document.embeds[0].play(false)",100); }		  } else if (document.all) {			ding.Stop();			setTimeout("ding.Run()",100);		  }		  overMe=1;		} else overMe=0;		writeOnText(idObj, "<span class="+spObj+"><font color='"+clr1+"'>"+tmp0+"</font><font color='"+clr2+"'>"+tmp1+"</font></span>");		setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);	  }	}	function init() {		txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', 'rgb(0,140,200)', 'rgb(130,255,255)', 100, 0);	}	// --></textarea></span></td>
      </tr>
      <tr>
        <td width="80%" valign="middle" align="left" height="14" bgcolor="#F0FAFF"></td>
      </tr>
    </table>
    </center></div></td>
  </tr>
  <tr>
    <td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="20"></td>
    <td width="60%" height="20"></td>
    <td width="20%" height="20"></td>
  </tr>
  <tr>
    <td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="17"></td>
    <td width="60%" height="17"><p align="center"><span style="font-size: 9pt"><a href="w0007.htm">上一页</a> &nbsp;&nbsp;&nbsp; 下一页</span></td>
    <td width="20%" height="17"></td>
  </tr>
  <tr>
    <td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="14"></td>
    <td width="60%" height="14"></td>
    <td width="20%" height="14"></td>
  </tr>
  <tr>
    <td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="14"></td>
    <td width="60%" height="14"></td>
    <td width="20%" height="14"></td>
  </tr>
  <tr>
    <td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="14"></td>
    <td width="60%" height="14"></td>
    <td width="20%" height="14"></td>
  </tr>
  <tr>
    <td width="20%" bgcolor="#FFFFFF" valign="middle" align="center" height="47"></td>
    <td width="60%" height="47"><div align="center"><center><table cellspacing="0" cellpadding="0">
      <tr>
        <td width="100%"><p align="center"><font color="#969696"><span style="font-size: 9pt">《天索星网》 
        星网制作 版权所有</span></font></td>
      </tr>
      <tr>
        <td width="100%"><p align="center"><font color="#969696"><span style="font-size: 9pt; font-family: Arial">&copy;2000-2001 All Rights Reserved</span></font></td>
      </tr>
      <tr>
        <td width="100%"></td>
      </tr>
    </table>
    </center></div></td>
    <td width="20%" height="47"></td>
  </tr>
</table>
</center></div>
</body>
</html>
<!--Saved  from天索星网  版权所有;http://www.tasoo.2000c.net,E-mail:tasoo_cn@yahoo.com.cn-->

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -