[初学CSS]当鼠标移到div上面时变色，移开时又变回，怎么做﹖

当鼠标移到div上面时变色，移开时又变回，怎么做﹖  
   
  以下是我的写法，写的是错的（不要笑我），麻烦请教我正确的写法。  
   
  <div   class="menuitem"   onmouseover="class=focusedmenuitem;"   onmouseout="class=menuitem;">  
          test  
  </div>  
   
  .menuitem   {          
  background:#f0f0f0;  
  border:0px;  
  width:   100%;  
  height:   43px;  
  height:   25px;  
  text-align:   center;  
  vertical-align:   middle;  
          }  
           
  .focusedmenuitem   {          
  background:#c6d3ef;  
  border:1px   solid   #3169c6;  
  width:   100%;  
  height:   25px;  
  text-align:   center;  
  vertical-align:   middle;  
  cursor:   hand;  
          }  
 

• · 推荐参考文章：
• 工商局存储备份解决方案
• SAN 存储备份机群解决方案
• 什么是直觉？专家教你如何采办NAS设备
• iSCSI环境部署高可用集群配置实例(1)
• 物资管理信息系统开发(1)
• 博科：WAFS在电信行业的应用前景分析(1)
• 磁盘阵列入门：组建raid(1)
• 通过Backup Exec实施Oracle灾难恢复
• 存储基础网络的发展趋势和技术发展的思考及建议
• 存储管理的新方法

· 网友精彩回答：

<div   onmouseover="this.style.background=#ff0000"   onmouseout="this.style.background=#3399ff">123456</div>  
   
  给你个简单例子

<div     onmouseover="this.classname=focusedmenuitem"   onmouseout="this.classname=menuitem">  
          test  
  </div>