目的：
鼠標放到a鏈接上，顯示二維碼(添加show類名，去掉hide類名)
鼠標移開a鏈接，隱藏二維碼(添加hide類名，去掉show類名)
代碼如下：
<body> <div class="nodeSmall" id="node_small"> <a href="#"></a> <div class="erweima hide" id="er"> <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>