目的：
鼠标放到a链接上，显示二维码(添加show类名，去掉hide类名)
鼠标移开a链接，隐藏二维码(添加hide类名，去掉show类名)
代码如下：
<body> <div class="nodeSmall" > <a href="#"></a> <div class="erweima hide" > <img src="../images/456.png" alt=""/> </div> </div> <script type="text/javascript"> //需求：鼠标放到a链接上，显示二维码(添加show类名，去掉hide类名) // 鼠标移开a链接，隐藏二维码(添加hide类名，去掉show类名) // 步骤： // 1.获取事件源和相关元素 var a = document.getElementsByTagName("a")[0]; var div = document.getElementsByClassName("erweima")[0]; // 2.绑定事件 a.onmouseover = function fn1(){ div.className = "erweima show"; } a.onmouseout = function fn2(){ div.className = "erweima hide"; } // 3.书写事件绑定程序 </script> </body>