您的位置:首頁 > 網頁制作 > HTML/Xhtml

彈出半透明層且顯打字效果

日期:2006-07-06 12:34:24 點擊: 來自: 作者:
<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>
More..素材圖片 Picture Navigation
相關鏈接 Correlation Link
HTML/Xhtml熱門 Class Hot
HTML/Xhtml推薦 Class Commend
版權所有:中國網站資源 2005- 未經授權禁止復制或建立鏡像 This Site Tech:XHTML+DIV+CSS+Javascript
CopyRight ® 2005- www.yndjjj.com online services. all rights reserved. ICP06016627
Optimized to 1024x768 to Firefox,Netscape,Opera,MS-IE6+.
中扑网