新版泥客入口

首页 | 新闻 | 网址 | 博客 | 科技 | 非凡 | 杂烩 | 掉牙 | 美图 | 文集 | 扯淡 | 精屁 | 商务 | 网页制作 | 论坛

 
   泥客网>>网页制作  
 
 
  文字特效:打字机打彩色文字

文章来源: BBS.KESONIC.COM

第一步:把如下代码加入<head>区域中

<SCRIPT language="JavaScript">
<!--

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(
"<font color=red size=3>欢迎光临“泥客论坛”...</font><br><font color=green size=3>你知道怎样在你的网页中做一个很酷的网页菜单吗?</font><br><font color=red size=3>你知道怎样让你的网页背景向上或向下移动吗?</font><br><font color=blue size=3>你知道怎样在你的主页中任意位置显示一个时钟吗?</font><br><font color=red size=3>你知道怎样在主页中做特效文字吗?</font><br><font color=black size=3>你知道怎样做一个很cool的日历吗?</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’, ’#339933’, ’#99FF33’, 50, 0);
}

// -->
</SCRIPT>


第二步:把如下代码加入<body>区域中

<DIV class=ttl1 id=ttl0><SPAN class=ttl1></SPAN></DIV>


第三步:把<body>改为

<body bgcolor="#fef4d9" onload="onload=init()">

特效演示:www.kesonic.com/kc/design/show/02.htm



  2007/12/3 12:19:44  阅读 2687 次   [关闭窗口] [打印本页]

相关文章: 近期热点:

视频播放代码(real player) (4480)
控制网页中字体大小的简单方法(锁定... (4461)
根据时间变换的提示信息 (4416)
环绕转动的欢迎标语代码 (4407)
视频播放代码(windows me... (4332)


一些简单实用的HTML代码 (5095)
收集了一些有关网页设计的问题集 (4737)
40种网页常用小技巧(JavaSc... (4612)
视频播放代码(real player) (4480)
控制网页中字体大小的简单方法(锁定... (4461)
根据时间变换的提示信息 (4416)
环绕转动的欢迎标语代码 (4407)
视频播放代码(windows me... (4332)
做网站的必要准备↑
关于Kesonic.com - 站内搜索 - 泥客论坛 - 泥客留言 - 泥客简介 - 网站地图 - 管理
  Copyright 2002-2011 泥客网—小轲之家 All Rights Reserved