biyuan 发表于 2004-6-17 02:43:47

【整理：DHTML】弹出半透明层且显打字效果

作者：flashsoft　整理日期：2004.06.27
http://bbs.51js.com/images/common/sigline.gif

<body>
<input type="button" onmouseover="ObjOver('abcdef※gheightabcdef※gheightabcdef※gheightabcdef※gheightabcdef※gheight',this)">
<script language="JScript">
var str="",bor=0;
function ObjOver(obj,even){
MailObjBox.style.display="";
MailObj.innerHTML="";
bor=0;
ChS(obj);
function even.onmouseout(){
  MailObjBox.style.display="none";
  MailObjBox.style.width="0";
  MailObjBox.style.height="0";
  }
}
function ChS(obj){
if(MailObjBox.style.pixelWidth<200){MailObjBox.style.pixelWidth+=2;MailObjBox.style.pixelHeight++;setTimeout("ChS('"+obj+"')",5);
  }
else{str=obj;WrS();
  }
}
function WrS(){
if(bor<str.length){
  MailObj.innerHTML="<font color=#000000>"+str.slice(0,bor).replace(/※/g,'<br>')+"</font>"+"<font color=#ffffff>"+str.slice(bor,bor+1).replace(/※/g,'<br>')+"</font>";
  bor++;
  setTimeout(WrS,100);
  }
}
</script>
<div style="position:absolute;width:0;height:0;border:1 solid black;background:#cccccc;font-size:9pt;display:none;overflow:hidden;filter:alpha(opacity=80)" id="MailObjBox"><div style="width:100%;height:100" id="MailObj">a</div></div>

m++ 发表于 2006-1-25 18:02:27

收下了，谢谢楼主。。分享

shangxin200093 发表于 2007-11-8 16:27:13

正好现在用到,谢谢了

pj8324 发表于 2008-1-25 11:02:00

真不错，较果很爽啊。

lookingfor 发表于 2009-2-4 05:19:45

pixelWidth是什么意思？

页: [1]
查看完整版本: 【整理：DHTML】弹出半透明层且显打字效果