js 鼠标悬停下拉菜单和颜色改变,

         <div id="test" class="home">
             <span></span>
                 <a href="#">我的关注</a>
             <em></em>
             <div id="list">
                 <a href="#">收藏的牛人</a>
                 <a href="#">收藏的作品</a>
             </div>
         </div>
         <div id="lx" class="fav">
             <span></span>
             <a href="#">联系客服</a>
         </div>
       </div>

定义css样式,.className:hover{样式代码}
鼠标悬停在class为className的元素上时触发

(1)可以绑定onmouseover和onmouseleave事件 在函数中使用xxx(元素节点).style.xxx(样式名) = 'xxx(样式值)'来设置样式
(2)也可以提前定义class样式类 在事件里面使用切换className的方式进行样式切换

1.获取鼠标悬停位置的节点
2.获取下拉菜单的节点
3.js mouseenter move leave 输入移入移除事件 修改相关css背景色属性