首页 > 代码库 > Js网站开发学习第一天
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" onm ouseover="document.getElementById(‘div1‘).style.display=‘block‘" onm ouseout="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" onm ouseover="document.getElementById(‘div1‘).className=‘box‘;" onm ouseout="document.getElementById(‘div1‘).className=‘‘;"> </div> </body>
Js网站开发学习第一天
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。