Js网站开发学习第一天
Posted 风轻云淡wjr
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Js网站开发学习第一天相关的知识，希望对你有一定的参考价值。
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>
以上是关于Js网站开发学习第一天的主要内容，如果未能解决你的问题，请参考以下文章