document操作例题1-延迟注册与二级菜单

一.倒计时10秒后可以注册
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<div id="shu">10</div>
<input type="button" value="注册" disabled="disabled" id="zhu"/>
</body>
<script type="text/javascript">
window.setTimeout("Jishi()",1000)                 　　　　　　　　　　　 //用延迟操作，每隔1000毫秒执行一次该函数
function Jishi()
{var zhu=document.getElementById("zhu");　　　　　　　　　　　　　　　　　　　//找到该数字和按钮元素var shu=document.getElementById("shu");if(parseInt(shu.innerHTML)==0)           　　　　　　　　　　　　　　　　　//当数字为0时使按钮属性可用{zhu.removeAttribute("disabled")   }else                               　　　　　　　//否则使该数字减1，再执行延迟操作{shu.innerHTML=parseInt(shu.innerHTML)-1;window.setTimeout("Jishi()",1000);  }
}
</script>
</html>

二.单击一级菜单显示二级菜单，鼠标移出收回。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#biao{width:300px;height:40px;margin:auto }
.yiji{width:100px;height:40px;float:left;background-color:#999;text-align:center;line-height:40px;vertical-align:middle;}
.xiang{width:100px;height:40px;background-color:#0F0;}
.xiang:hover{cursor:pointer;background-color:red}</style>
</head>
<body>
<div id="biao"><div class="yiji" οnmοuseοver="xian('erji1')" οnmοuseοut="cang('erji1')" οnclick="xia('erji1')">水果      <div id="erji1" style="display:none"><div class="xiang">苹果</div><div class="xiang">香蕉</div><div class="xiang">橘子</div></div></div><div class="yiji" οnmοuseοver="xian('erji2')" οnmοuseοut="cang('erji2')" οnclick="xia('erji2')">蔬菜<div id="erji2" style="display:none"><div class="xiang">黄瓜</div><div class="xiang">土豆</div><div class="xiang">茄子</div></div></div><div class="yiji" οnmοuseοver="xian('erji3')" οnmοuseοut="cang('erji3')" οnclick="xia('erji3')">饮料<div id="erji3" style="display:none"><div class="xiang">可乐</div><div class="xiang">绿茶</div><div class="xiang">果汁</div></div></div>
</div></body><script type="text/javascript">
function xian(a)                                                            //鼠标移上 获取元素 修改样式
{document.getElementById(a).style.display="block"
}
function cang(a)                                                            //鼠标移出 获取元素 修改样式
{document.getElementById(a).style.display="none"
}
function xia(a)                                                             //鼠标单击 获取元素 修改样式
{if(document.getElementById(a).style.display=="none"){document.getElementById(a).style.display="block"   }else{document.getElementById(a).style.display="none"    }
}
</script>
</html>

转载于:https://www.cnblogs.com/wyc1991/p/8729488.html

document操作例题1-延迟注册与二级菜单相关推荐

Hbase写操作偶尔有延迟
一.现象 1.hbase操作偶尔有延迟,写入数据时需要4000+ms. 2.hbase master日志异常: 2021-09-06 08:30:43,140 INFO [PEWorker-7] pr ...
html鼠标点击显示二级菜单内容,怎样操作js实现二级菜单点击显示当前内容
这次给大家带来怎样操作js实现二级菜单点击显示当前内容,操作js实现二级菜单点击显示当前内容的注意事项有哪些,下面就是实战案例,一起来看一下. 最近做了一个二级菜单点击事件的效果,一级菜单有3个,二级 ...
Linux 设备 eth0 似乎不存在, 初始化操作将被延迟
10:57:39 [root@server1 ~]# service network restart 关闭环回接口: ...
内网穿透工具(永久免费、永不限速、开源)、一键启动、页面操作(支持window,mac)，自定义二级域名
java 内网穿透工具(net-penetrate).永久免费.永不限速.开源.一键启动.页面操作(支持window,mac),自定义二级域名介绍完全开源,免费使用,不会有人窃取你的信息(可看源码 ...
计算机操作系统pv实验,计算机操作系统PV操作例题.doc
计算机操作系统PV操作例题问题1 一个司机与售票员的例子在公共汽车上,为保证乘客的安全,司机和售票员应协调工作: 停车后才能开门,关车门后才能行车.用PV操作来实现他们之间的协调. S1:是否允许 ...
菜单栏点击显示二级菜单_显示完整菜单
菜单栏点击显示二级菜单 On my own computer, I like to see the full menus in Excel, so I selected that setting: 在 ...
【javaScript案例】之二级菜单的制作
这次实现的效果图如下: 这个二级菜单实现的效果是: 当点击某一个框时,会将已经打开的框的内容收回,再展开现在点击的框的内容. 那要如何实现这个效果呢? 我们可以step by step 首先我们要将整 ...
php微信级联菜单,php微信公众号开发之二级菜单
本文实例为大家分享了php微信公众号二级菜单的具体代码,供大家参考,具体内容如下核心代码: $postObj = simplexml_load_string($postStr, 'SimpleXML ...
html二级菜单的自动宽度,如何使用CSS控制二级导航菜单宽度？_html/css_WEB-ITnose
New Document 首页新闻国际新闻国内新闻体育新闻财经股票市场证券行情基金保险联系我们回复讨论(解决方案) .menu li ul a{ display:block; font ...

document操作例题1-延迟注册与二级菜单

document操作例题1-延迟注册与二级菜单相关推荐

最新文章

热门文章