javascript，前辈们给一个思路

问题描述

问 题

，

这是图，想要的效果是，鼠标其中一个文件夹上的时候，红色箭头的三角形也会出来提示，没有用CSS:hover的去做，目前是这样写的，是用的1个div。

var oDivs = document.getElementById('FatherinAll').getElementsByClassName('noM');
var len = oDivs.length;
    for (var i =0 ; i < len; i++){
        oDivs[i].onmouseover= function(){
            if ( parseInt(FatherinAll.style.width) == '40'){
            One.style.top = this.offsetTop + 'px';
            One.style.display = 'block';
            One.innerText= this.textContent;
    }else{
            return false;
    }
    }
    oDivs[i].onmouseout = function(){
        One.style.display = 'none';
        }
    }

求前辈给一个容易实现的思路吧，我一直想着，去判断鼠标是否在那三个div之内，或者在父级内，然后再显示，可是网上找半天，大多数的判断鼠标是否在一个div内都是用的mouseover啊什么之类去检测的，求大神给个思路，可能小白问题有点简单。。各位前辈不要见怪，小白虚

解决方案

没必要啊，用css实现更好，

比如说：

<div class="parent">
    <div class="triangle">
        <div class="note-msg">我是提示信息</div>
    </div>
    <div class="file">
        <div class="note-msg">我是提示信息</div>
    </div>
    <div class="file"></div>
    <div class="file"></div>
</div>

.parent:hover .triangle .note-msg{
    display : block; 
}

.file:hover .note-msg{
    display : block; 
}

//具体位置和动画你可以自己去设定

这篇关于javascript，前辈们给一个思路的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！