爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
HTML教程
【整理:DHTML】弹出半透明层且显打字效果_HTML基础_前端技术
【整理:DHTML】弹出半透明层且显打字效果_HTML基础_前端技术
日期:2013-08-17 浏览次数:20747 次
以下是HTML网页特效代码,点击运转按钮可查看效果:
以下是程序代码
<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></font> <a href="http://www.Aiyiweb.Com/">欢迎访问爱易网任务室网页特效代码站,www.Aiyiweb.Com</a>
[Ctrl+A 全部选择 提示:你可先修正部分代码,再按运转]
上一篇:(X)HTML Strict 下的嵌套规则_HTML基础_前端技术
下一篇:4天学会 NoahWeb 表单_HTML基础_前端技术
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
深入挖掘 offsetParant 元素的判定
css 3.0解决方案
弟兄割席:HTML5标准制定组织分裂
HTML编码转义,可将HTML标签相互转义
一个提交后打开新窗口的有关问题
问个Jquery的有关问题,removeAttr与attr
链接地址重复有关问题
这边为什么 无法获取 宽 高
网站超级链接的翻开方式讨论
推荐阅读
更多>
有用bootstrap的么?为啥小弟我在bootstrap.css中的body下添加字体:微软雅黑,在浏览器中无效呢
一个标题栏有关问题。多谢
Chrome + DatePicker有关问题,折腾了小弟我一下午了
用IE下载文件进度条满了之后会停止响应一段时间
css背景图片定位有关问题
XHTML基准学习心得
html5中canvas常识积累1-画板的尺寸与实际显示尺寸
js兑现的一个CSS过滤器
小弟我们一起学:HTML5标签系列教程(一)-video标签
HTML的target属性中_blank、self、parent、top含意
HTML,CSS的定名的习惯总结
css3兑现背景颜色线性渐变
dl,dt,dd在什么时分适宜运用呢?
求教几句JS代码,该怎么解决
有一个页面从左到右分成三块,中间一块div高度是随着数据的增加而边长,怎样使左右2边的div也边长
jqplot饼状图分门别类名称框的大小设置
求教开发个人网站,该怎么解决
w3cshool参考手册全集上载[DHTML DOM CSS JavaScript PHP](chm)
CSS+DIV布局解决方案
ExcelToHtmlTable变换算法:将Excel转换成Html表格并展示(项目源码+详细注释+项目截图)