案例:二维码的显示和隐藏

废话不多说,先看效果:

目标需求:

（1）当鼠标移动到二维码小图标上时，显示二维码大图;
（2）当鼠标移开时，隐藏大图;

思路分析：

1.首先:先获取页面元素

 var small=document.getElementById('small');
    var big=document.getElementById('big');

2. 第一个事件类型-鼠标移入
   onmouseover:鼠标移入,设置big的display属性为block则显示

    small.onmouseover=function (  ) {
   
        //2.1设置big的display属性为block则显示
        big.style.display='block';
    }

3. 第二个事件类型-鼠标移出
   onmouseout:设置big的display属性为none则不显示

    small.onmouseout=function (