zoukankan      html  css  js  c++  java
  • 在IE6下,当鼠标在div层上移动的时候,div层会抖动,解决办法(转)

          js制作的鼠标移上的时候弹出一个div层,里面有文字图片。但鼠标在层上面移动的时候,层会抖动,老是闪动。发现鼠标移动的慢了抖动就减轻很多,每当移动到链接或图片上的时候就会闪动。解决办法:

         事件冒泡。有一个小技巧,把onmouseout事件注册到最外层div,然后把弹出层写在这个div里就可以了。

    <div onmouseout="changeDiv('layer','none')" onmouseover="changeDiv('layer','block')">
    文字。。。
    <div id="layer" style="display:none">弹出层</div>
    </div>

    function changeDiv(tag,method)
    {
    document.getElementById(tag).style.display = method;
    }

         这是著名的onmouseout问题。 我们希望这个DIV在onmouseout的时候隐藏它,但问题是,当mouse并没有out这个DIV,而只是指向了这个DIV里面的某个链接文字或者图片等子元素时,也会触发外层DIV的onmouseout事件,此时,DIV就被隐藏了。而就在这个DIV被隐藏的同时,露出了原本被它遮住的元素,触发了被遮对象的onmousemove事件,于是那个DIV又被显示出来。如此循环,就闪了。 有高手提出延迟隐藏、判断事件源等方法,也有好多人直接用JQuery。

  • 相关阅读:
    魔兽世界中的一些公式
    T端大灾变版本传送大师(NPC 脚本)
    T端带数据库查询的假人系统
    T端GM上线提示
    T端mysql优化设置
    T端根据玩家职业来显示不同颜色的角色名字的C++代码
    IOS复习-UIButton
    从明天开始认真写博客
    为什么到今天还要坚持写博客
    cocos2d—1—环境安装
  • 原文地址:https://www.cnblogs.com/leanfish/p/2419050.html
Copyright © 2011-2022 走看看