单击生成div,定时器自动隐藏

来源：互联网发布：php开源做账系统编辑：程序博客网时间：2024/05/21 10:28
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>    </style>    <script>        function alertDiv() {            var div = document.getElementById('t_area');            if (div.style.display == 'block') {                div.style.display = 'none';            } else {                div.style.display = 'block';            }        };        function hideDiv() {            var div = document.getElementById('t_area');            div.style.display = 'none';        }        var timer;        function mouseOver() {            clearTimeout(timer);            var div = document.getElementById('t_area');            div.style.display = 'block';        };        function mouseOut() {            var div = document.getElementById('t_area');            timer = setTimeout(function () {                div.style.display = 'none';            }, 1000);        };    </script></head><body><button type="submit" class="btn btn-success J_search" id="t_con" onclick="alertDiv()"                    ondblclick="hideDiv()" style="background-color: #337ab7">高级搜索            </button><div class="sousuo" style="display:none; width:auto ;height:90px;" id="t_area" onmouseover="mouseOver()"             onmouseout="mouseOut()"></div></body></html>
0 0