我要投稿
  • 您当前的位置:57365.com -> 技术教程 -> 网站建设教程 -> CSSHTML教程 -> 教程内容
  • [ 收藏本页教程 ]
  • 弹出半透明层且显打字效果CSSHTML教程

    教程作者:佚名    教程来源:不详   教程栏目:CSSHTML教程    收藏本页
    <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>

    (出处:

    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.hxswjs.com All Rights Reserved.57365.com 版权所有