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

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

JS-Code

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

var timer;
        function a_onmouseover()
        {
            var ddv = document.getElementById("divTest");
            var atest = document.getElementById("atest");
            ddv.style.display="block";
            ddv.οnmοuseοver=function(){
                clearTimeout(timer);
                ddv.οnmοuseοut=function(){
                    this.style.display="none";
                }
            }
            atest.οnmοuseοut=function(){Mout()}
        }

        function Mout()
        {
            timer = setTimeout(function(){document.getElementById("divTest").style.display="none";},100);
        }

</script>

</body>

转载于:https://www.cnblogs.com/myssh/archive/2009/12/11/1621849.html

mouseover显示层mouseout隐藏层，并且在鼠标放上层时显示层【原】相关推荐

CSS - 鼠标移入悬停显示下拉菜单（导航栏鼠标经过 hover 时出现二级菜单）
前言该效果很常见,网上的代码都非常的乱,样式改起来非常难受. 本文提供 "最简洁" 的解决方案与干净整洁的代码,一眼看过去就知道改哪里, 配合 Vue.js 项目非常合适,如下图 ...
鼠标放上超链接显示背景效果
鼠标放上超链接显示背景效果: <html> <head> <style type="text/css"> a.one:link {color: ...
鼠标指向表格时显示更多信息 toolTipController1
//窗体添加控件 ,然后将GridControl 相关属性栏对应上新加的控件切记本文是转帖,稍作修改 private void toolTipController1_GetActiveObjec ...
html鼠标滑动显示内容,CSS DIV 怎样做出来鼠标移动上就显示其内容?
复制下面的代码放到html文件保存就实现了. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org ...
linux jnlp显示异常,使用headless jnlp将slave连接到master时显示异常
我正在使用jenkins 1.447.2版本.我的主人是linux,奴隶是Windows Jul 27, 2012 12:44:17 PM hudson.remoting.jnlp.Main$CuiL ...
[原]鼠标放小图上显示大图
window.onload = function () { var datas = { "img/1-1.jpg": [&q ...
鼠标放小图上显示大图
window.onload = function () { var datas = { "img/1-1.jpg": [&q ...
php鼠标已入移除,angularjs鼠标移入移出实现显示隐藏
操作主要是ng-mouseenter和ng-mouseleave配合使用,同时注意$parent实现动态拼接变量截图如下: CSS笔记 - fgm练习 - 鼠标移入移出div显示隐藏 CSS样式部 ...
css 文字溢出...显示,hover时显示隐藏文字
1.文字溢出隐藏并...显示 .tem_content_row{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 2 ...
Unity3D 鼠标选择物体高光显示信息
之前做过一个选择物体的功能, 使用的是射线检测方法, 大概原理是射线返回物体的信息,改变该物体的层, 是使用的一个Outline System插件,这个插件就是把设定层里面的物体的轮廓,显示成指定颜色 ...

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

mouseover显示层mouseout隐藏层，并且在鼠标放上层时显示层【原】相关推荐

最新文章

热门文章