Day3-----delayPrompt
//------------------使用延時定時器完成提示框的延遲消失
<html>
<head><title>delayPrompt</title></head>
<style type="text/css">
#box{width: 500px;height: 500px;margin: 30px auto;background: pink;text-align: center;}
#prompt{width: 150px;height: 100px;margin: 10px;background: gray;float: left;visibility: hidden;}
#nav{float: left;width: 150px;height: 300px;background: #CC3;margin: 10px}
</style>
<script type="text/javascript">
window.οnlοad=function(){
oPrompt=document.getElementById('prompt');
oNav=document.getElementById('nav');
var timer;
oNav.οnmοuseοver=oPrompt.οnmοuseοver=function(){
oPrompt.style.visibility="visible";
clearTimeout(timer);
}
oNav.οnmοuseοut=oPrompt.οnmοuseοut=function(){
timer=setTimeout(function(){oPrompt.style.visibility="hidden"},500);
}
}
</script>
<body>
<div id="box">
<div id="prompt">This is the delayPromptBox.</div>
<div id="nav">Show Box.</div>
</div>
</body>
</html>
轉載于:https://www.cnblogs.com/fleshy/p/4115048.html
總結
以上是生活随笔為你收集整理的Day3-----delayPrompt的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Unity手游之路九自动寻路Navmes
- 下一篇： 移动立方体算法