js学习之鼠标事件onmouseover和onmouseout

今天在做一个zblog模板的时候右边有个回到顶部区块，需要添加一个微信二维码功能，鼠标放到一个位置上就显示出微信二维码图片，鼠标移开则隐藏微信二维码图片。

这个效果可以用css的hover做，但是兼容性不好，正好在学习js于是就用js折腾了一个出来。

    /*获取主div和隐藏div*/
    var apps=document.getElementById('app');
    var maapp=document.getElementById('ma_app');
    
    /*鼠标移入主div时，显示div*/
    apps.onmouseover=function(){
        maapp.style.display='block';
    };
    
    /*鼠标移出主div时，隐藏div*/    
    apps.onmouseout=function(){
        maapp.style.display='none';
    };

这代码是相当简单易懂的了，但是咨询过js大神后说这个代码有问题，在某些情况下会出错。

但是我测试了一系列浏览器后都没有发现错误，暂时就这样不了了之了。

欢迎有经验的朋友相互交流！