脚本说明:
第一步:把如下代码加入<body><center><script language=javascript src="../js/shang.js"></script>
区域中
<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("欢迎光临javascript特效站!!!");
var overMe=0;
function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){
var tmp0=tmp1= '',skip=100;
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', 'red', '#99FF33', 300, 0);}
</script>
<DIV class=ttl1 id=ttl0></DIV>
第二步:把如下代码加入<body><center><script language=javascript src="../js/shang.js"></script>
区域中
<body bgcolor="#fef4d9" onload=init()>
文字变色逐个出现的特效源码
转载文章标签 javascript html java 其他 文章分类 代码人生
上一篇:c#基础练习
下一篇:EXCLE中快速插入图片
-
有趣的CSS - 文字加载动画效果
用 css 实现多字符模拟加载动画效果。
css 加载动画 交互 ux 动效 -
有趣的css - 文字隐身术效果
利用动画属性来模拟文字隐身消失的效果。
动效设计 交互设计 文字隐身术 ux/ui css -
css文字边缘波纹效果
用到的就只是 clip-path,可以使用在线工具生成样式,直接复制粘贴即可
css3 前端 html css 动画效果 -
文字闪烁效果 CSS + HTML
文字流水闪烁效果!绝美blackpink!
css html animation -
利用CSS实现竖排文字文字效果
竖排文字 少。但是在制作具有中国古代特色的网站,如文字历史、书法、名胜
css 旅游 class html div -
CSS实现文字镂空效果炫酷背景效果
CSS实现文字镂空效果炫酷背景效果
CSS css3 -
css文字效果,文字颜色有光影流动
.sq_start { position: absolute; bottom: 10%; left: 50%; z-index: 3; margin-left: -50px; widt
background absolute position -
今日分享-CSS文字故障效果代码
纯手撸CSS文字故障效果
HTML 伪元素 CSS CSS文字故障