zoukankan      html  css  js  c++  java

  • mouseover显示层mouseout隐藏层，并且在鼠标放上层时显示层【原】

    　　昨天晚上同学有个项目需求要实现在鼠标放上链接后显示层，离开后隐藏层，麻烦的是当鼠标放上层后，这个层会一直显示，离开这个层再次隐藏，今天中午趁着上班时间还没到，简单的测试了一下，成功了，具体原理就不细说了，请看源码：

    JS-Code

    <body>
        <a href="javascript:voie(0)" id="atest" onmouseover="a_onmouseover()">鼠标放上测试</a>
        <div id="divTest" style="display: none; background: red; 100px">
            我显示出来啦！！！
        </div>

        <script type="text/javascript">
           /*
            *Data:2009/12/11
            *Author:董广祥
            */       

            var timer;
            function a_onmouseover()
            {
                var ddv = document.getElementById("divTest");
                var atest = document.getElementById("atest");
                ddv.style.display="block";
                ddv.onmouseover=function(){
                    clearTimeout(timer);
                    ddv.onmouseout=function(){
                        this.style.display="none";
                    }
                }
                atest.onmouseout=function(){Mout()}
            }
           
            function Mout()
            {
                timer = setTimeout(function(){document.getElementById("divTest").style.display="none";},100);
            }

        </script>

    </body>
  • 相关阅读:
    DateTimeHelper
    Check F5 refresh submit post back repeatly
    GZip Compress SoapExtension
    WebBrowser 高级扩展 js扩展 js订阅C#事件
    DataSet GZip/Deflate Serializer
    Socket/Stream Data Helper
    历年评书出版一览表(1955~1994)
    c#检测字节流编码
    Execute SQL Server Store Procedure C# ADO.Net Wrapper Code Generator
    Directory File Disk Searcher
  • 原文地址：https://www.cnblogs.com/myssh/p/1621849.html
Copyright © 2011-2022 走看看