FMJ.me

FMJ.me

一个靠自学的菜鸟,只会html+css,JavaScript是什么鬼?vue.js?php?学不动学不动...

工作室 联系QQ

冯美杰就是我。单纯的个人博客,只做记录,别无其他。

鄂ICP备15002105号

Powered By wordpress ,Theme By 天兴工作室

js学习之鼠标事件onmouseover和onmouseout

fmj 发布于 2016年03月15日 69 浏览 0 评论


今天在做一个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大神后说这个代码有问题,在某些情况下会出错。

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

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

×
欢迎评论
冯美杰就是我。单纯的个人博客,只做记录,别无其他。

鄂ICP备15002105号

Powered By wordpress ,Theme By 天兴工作室

导航 关灯 背景 顶部

纯色背景

图片背景