1、登录时，记住密码单选框，鼠标移上去显示div里的内容，移开则消失；
1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 3 <title></title> 4 <style type="text/css"> 5 #div1 { 6 width:100px; 7 height:50px; 8 padding:0; 9 margin:0; 10 background-color:white; 11 border:1px solid; 12 display:none; 13 } 14 </style> 15 </head> 16 <body> 17 <label><input type="checkbox" onmouseover="document.getElementById(‘div1‘).style.display=‘block‘" onmouseout="document.getElementById(‘div1‘).style.display=‘none‘" />自动登录</label> 18 <div id="div1"> 19 将会为您提供新的服务 20 </div> 21 </body>
2、div鼠标移上去自动变颜色，移开后变为原色
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> div{ width:100px; height:100px; background-color:blue; } .box { width:200px; height:200px; background-color :green; } </style> </head> <body> <div id="div1" onmouseover="document.getElementById(‘div1‘).className=‘box‘;" onmouseout="document.getElementById(‘div1‘).className=‘‘;"> </div> </body>
原文：http://www.cnblogs.com/wjr0117/p/6791993.html