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

以下是html网页特效代码，点击运行按钮可查看效果：

以下是程序代码

<body> <input type=”button” onmouseover=”ObjOver(‘abcdef※gheightabcdef※gheightabcdef※gheightabcdef※gheightabcdef※gheight’,this)”> <script language=”<a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/tag/js"  title="js" rel="nofollow" target="_blank">js</a>cript”> 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></font> <a href=”http://<a href="https://www.gaodaima.com/tag/js" title="查看更多关于js的文章" target="_blank">js</a>.alixixi.com/”>欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>[/code]<br /><input onclick="runEx('CodeText92554')"  type="button" value="运行代码"/> <input onclick="doCopy('CodeText92554')"  type="button" value="复制代码"/> <input onclick="saveCode('CodeText92554')"  type="button" value="另存代码"/><br /> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div>
</div>
<p>欢迎大家阅读<span style='color:red;'>《【整理：DHTML】弹出半透明层且显打字效_html》</span>,跪求各位点评,若觉得好的话请收藏本文，by <strong>搞代码</strong></p>
<hr /><div class="open-message">搞代码网（<a href="www.gaodaima.com"  target="_blank"  title="gaodaima.com">gaodaima.com</a>）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱<a>chengxuyuan@gaodaima.com‍</a>，我们会在看到邮件的第一时间内为您处理，或直接联系<a>QQ：872152909</a>。本网站采用<a href="https://www.gaodaima.com/go.html?url=http://creativecommons.org/licenses/by-nc-sa/3.0/"  rel="nofollow" target="_blank" title="BY-NC-SA授权协议">BY-NC-SA</a>协议进行授权 <br >转载请注明原文链接：<a href="https://www.gaodaima.com/33393.html" target="_blank" title="【整理：DHTML】弹出半透明层且显打字效_html">【整理：DHTML】弹出半透明层且显打字效_html</a><a id="spreadAds" target="_blank" href="" onclick="spreadAds()"></a><a id="spreadAds2" target="_blank" href=""></a> </div>  <div class="article-social"> <a href="javascript:;" data-action="ding" data-id="33393" id="Addlike" class="action"><i class="fa fa-heart-o"></i>喜欢 (<span class="count">0</span>)</a><span class="or"><style>.article-social .weixin:hover{background:#fff;}</style><a class="weixin" style="border-bottom:0px;font-size:15pt;cursor:pointer;">赏<div class="weixin-popover"><div class="popover bottom in"><div class="arrow"></div><div class="popover-title"><center>[搞代码]</center></div><div class="popover-content"><img width="200px" height="200px" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png" ></div></div></div></a></span><span class="action action-share bdsharebuttonbox"><i class="fa fa-share-alt"></i>分享 (<span class="bds_count" data-cmd="count" title="累计分享0次">0</span>)<div class="action-popover"><div class="popover top in"><div class="arrow"></div><div class="popover-content"><a href="#" class="sinaweibo fa fa-weibo" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone fa fa-star" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="qq fa fa-qq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_renren fa fa-renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin fa fa-weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_more fa fa-ellipsis-h" data-cmd="more"></a></div></div></div></span></div> </article> <footer class="article-footer"> <div class="article-tags"><i class="fa fa-tags"></i><a href="https://www.gaodaima.com/tag/html" rel="tag">html</a><a href="https://www.gaodaima.com/tag/js" rel="tag">js</a></div></footer> <nav class="article-nav"><div class="_d13vl98i0pw"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795176", container: "_d13vl98i0pw", async: true });</script> </nav><div id="donatecoffee" style="overflow:auto;display:none;"><img width="400" height="400" alt="支持作者一杯咖啡" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png"></div> <div class="related_top"> <div class="related_posts"><ul class="related_img"> <li class="related_box" > <a href="https://www.gaodaima.com/432144.html" title="Java中如何调用静态方法及非静态方法呢？" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/9.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Java中如何调用静态方法及非静态方法呢？" /><br><span class="r_title">Java中如何调用静态方法及非静态方法呢？</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432139.html" title="Java基础类型占用大小说明" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/5.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Java基础类型占用大小说明" /><br><span class="r_title">Java基础类型占用大小说明</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/431633.html" title="JS-逆向百例AST-脱混淆实战某-ICP-备案号查询接口-jsjiami-v6-分析" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/7.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="JS-逆向百例AST-脱混淆实战某-ICP-备案号查询接口-jsjiami-v6-分析" /><br><span class="r_title">JS-逆向百例AST-脱混淆实战某-ICP-备案号查询接口-jsjiami-v6-分析</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/431438.html" title="Flask框架如何使用HTML模板" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/2.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Flask框架如何使用HTML模板" /><br><span class="r_title">Flask框架如何使用HTML模板</span></a> </li> </ul><div class="relates"><div class="_mw9fz31sqco"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795180", container: "_mw9fz31sqco", async: true });</script><ul><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431362.html">django怎么加载html页面</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431346.html">django需要html吗</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431256.html">Django怎么加载HTML</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431179.html">django页面跳转HTML怎么写</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/430936.html">简单粗暴的使用lxml从网页HTML/XML中提取数据</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/430922.html">小白福利，python爬虫系列之xpath：html解析神器</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/430911.html">举例实现HTMLParser解析HTML</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/430854.html">一文搞定Xpath简单高效的提取HTML数据</a></li></ul></div></div> </div> <div id="comment-ad" class="banner banner-related"><div class="_9madbukio7r"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6677406", container: "_9madbukio7r", async: true });</script><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script></div> <div id="respond" class="no_webshot"> <form action="https://www.gaodaima.com/asdloie8574asdqwexzxdqwertasdqwe.php" method="post" id="commentform"> <div class="comt-title"> <div class="comt-avatar pull-left"> <img src="https://cdn.v2ex.com/gravatar/?s=50" class="avatar avatar-108"> </div> <div class="comt-author pull-left"> 发表我的评论 </div> <a id="cancel-comment-reply-link" class="pull-right" href="javascript:;">取消评论</a> </div> <div class="comt"> <div class="comt-box"> <textarea placeholder="说点什么吧…" class="input-block-level comt-area" name="comment" id="comment" cols="100%" rows="3" tabindex="1" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};">

评论通知

表情贴图加粗删除线居中斜体签到

Hi，您需要填写昵称和邮箱！

昵称昵称 (必填)
邮箱邮箱 (必填)
网址网址