javascript，前辈们给一个思路

Question

这是图，想要的效果是，鼠标其中一个文件夹上的时候，红色箭头的三角形也会出来提示，没有用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啊什么之类去检测的，求大神给个思路，可能小白问题有点简单。。各位前辈不要见怪，小白虚

Answer 1

没必要啊，用css实现更好，比如说：<div class="parent">&nbsp; &nbsp; <div class="triangle">&nbsp; &nbsp; &nbsp; &nbsp; <div class="note-msg">我是提示信息</div>&nbsp; &nbsp; </div>&nbsp; &nbsp; <div class="file">&nbsp; &nbsp; &nbsp; &nbsp; <div class="note-msg">我是提示信息</div>&nbsp; &nbsp; </div>&nbsp; &nbsp; <div class="file"></div>&nbsp; &nbsp; <div class="file"></div></div>.parent:hover .triangle .note-msg{&nbsp; &nbsp; display : block;&nbsp;}.file:hover .note-msg{&nbsp; &nbsp; display : block;&nbsp;}//具体位置和动画你可以自己去设定