闲扯 Javascript 00

引言

Javascript 的作用在此就不阐述了，相信你已经知道它的用途！那我说点什么呢？不如就和大家先扯一把，后面的工作

随后后展开吧！

首先声明：我个人对Javascript 认识，我只知道它是写脚本语句的，在加上学了点CSS+Html 标签，先说明只是一点喔，

各位看官就别喷了，喜欢就给小弟顶顶

格式说明：

<body>这里的银色区域放:HTML代码</body>

<Javascript>这里的帕莱青色区放：JS代码</Javascript>

闲话少谈，这可是在课堂上额，老师会挂我的！

这一节本来不想写说什么的，可是不加点料、不研究研究，时间不知道用来干什么..... 结果下面就写个小小的知识点吧！

看官们见笑了，

你有好的方法，就指导下小弟！

使用前使用后

1   <style>
2      #div1{
3          background:#CCC;width:300px; height:200px;display:none}<!--display:none 设置div1开始不显示，等鼠标移入<input>就显示该提示 接下来把工作交个JS处理-->
4   </style>

CSS

1   <style>
2       #div1{
3           background:#CCC;300px; height:200px;           display:none}<!--display:none 设置div1开始不显示，等鼠标移入<input>就显示该提示 接下来把工作交个JS处理-->
4    </style>

JAVASCRIPT

JS ：下面我们用它来实现上面的需要用JS处理的工作，鼠标移入到 input 上时，div1显示，鼠标移出，div1消失即隐藏！

这里问题就来了，需要用到事件，如果你没有其它的编程语言基础，那你得去认识下什么是事件！

为了实现这个功能，用到了两个事件 onmouseover() 、 onmouseout() ;

使用事件后

1 <body>
2 
3  <input type="password" /> <input  type="checkbox" onmouseover="div1.style.display='block'") onmouseout="div1.style.display='none'">是否记住密码？ </input>
4  <div id="div1"> 记录 http://www.cnblogs.com/izhiniao/ 的登录密码 
5                 <br/> 在网吧上网，为了你的信息安全，请不要选择！
6                 。。。。。。。。。。
7  </div>
8 
9 </body>

body

使用 getElenmentById()

1 <body>
2 
3  <input type="password" /> <input  type="checkbox" onmouseover="getElementById('div1').style.display='block'") onmouseout="getElementById('div1').style.display='none'">是否记住密码？ </input>
4  <div id="div1"> 记录 http://www.cnblogs.com/izhiniao/ 的登录密码 
5                 <br/> 在网吧上网，为了你的信息安全，请不要选择！
6                 。。。。。。。。。。
7  </div>

HTML