引言

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

随后后展开吧！

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

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

    格式说明：

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

<style>这里的浅绿色区域放：CSS代码</style>

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

<!--刚刚看了下发表框，根本用不到格式说明，所以咋们就注释吧！-->

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

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

看官们见笑了，

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

使用前                                                                   使用后

                    

   <style>

      #div1{

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

   </style>

CSS

   <style>

       #div1{

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

    </style>

JAVASCRIPT

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

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

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

使用事件后

 <body>

  <input type="password" /> <input  type="checkbox" onmouseover="div1.style.display='block'") onmouseout="div1.style.display='none'">是否记住密码？ </input>

  <div id="div1"> 记录 http://www.cnblogs.com/izhiniao/ 的登录密码

                 <br/> 在网吧上网，为了你的信息安全，请不要选择！

                 。。。。。。。。。。

  </div>

 </body>

body

使用 getElenmentById()

 <body>

  <input type="password" /> <input  type="checkbox" onmouseover="getElementById('div1').style.display='block'") onmouseout="getElementById('div1').style.display='none'">是否记住密码？ </input>

  <div id="div1"> 记录 http://www.cnblogs.com/izhiniao/ 的登录密码

                 <br/> 在网吧上网，为了你的信息安全，请不要选择！

                 。。。。。。。。。。

  </div>

HTML

闲扯 Javascript 00的更多相关文章

  1. 闲扯 Javascript 01 实现选项卡

    javascript 实现选项卡 今天下午的两节课,在机房闲来没事 ,就学习了javascript 怎么获取HTML的标签,改变CSS样式,资料来源 智能社! <script> windo ...

  2. 闲扯 Javascript 04 滚动条

    物体运动基础 让Div移动起来 offsetLeft的作用 用定时器让物体连续移动 效果原理 让ul一直向左移动 复制li innerHTML和+= 修改ul的width 滚动过界后,重设位置 判断过 ...

  3. 闲扯 Javascript 03 时钟和QQ延时框

    时钟 : 所用到得图片  : 开启定时器 setInterval  间隔型 setTimeout  延时型 停止定时器 clearInterval clearTimeout 效果思路 获取系统时间 D ...

  4. 闲扯 Javascript 02 全选、不选、反选

    <body> <input id="btn1" type="button" value="全选" /><br& ...

  5. JavaScript初探一

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  6. XSS(跨站脚本攻击) - 常用代码大全

    XSS(跨站脚本攻击) - 常用代码大全-版本一 1'"()&%<acx><ScRiPt >prompt(915149)</ScRiPt> < ...

  7. JavaScript Date 对象的异常现象-new Date('0001-01-01 00:00:00')

    Date 对象 Date 对象用于处理日期和时间. new Date() :Date 对象会自动把当前日期和时间保存为其初始值. 打开chrome的开发者工具,在Console敲下new Date() ...

  8. Javascript扩展Date的prototype实现时间format函数 2017-06-29T09:10:00.000Z日期转换

    /*时间格式化 公用方法*/ Date.prototype.format = function(fmt) { // var o = { "M+": this.getMonth() ...

  9. 因一段JavaScript代码引发的闲扯

    前两天,一朋友给我发了一段JavaScript代码: function f1(){ var n=999; nAdd=function(){ n+=1 }; function f2(){ alert(n ...

随机推荐

  1. Android 中文API （66） —— BluetoothClass.Device

    前言 本章内容是android.bluetooth.BluetoothClass.Device,为Android蓝牙部分的章节翻译,版本为Android 2.3   r1,翻译来自中山大学的" ...

  2. HDU1029时钟（排序）

    题意:是用两个指针的一个模拟时钟的时针和分针.两个指针形成一个角度.角度测量两个指针之间的最小角度.两只手之间的角度是大于或等于0,且小于或等于180度的度量.由于一个序列的五个不同的写入时间,格式为 ...

  3. SharePoint 2010以其他用户身份登录的弹出代码

    在SharePoint 2010平台中,可以在当前用户登录系统的情况下使用其他用户身份登录,以达到在同一浏览器中切换用户身份的目的. 每个用户登录SharePoint系统之后都会在系统右上角将用户的名 ...

  4. 前端笔试面试中的常用知识点总结(CSS)

    1.CSS选择器的优先级!important  > 内联 > id选择器 > 类选择器 > 标签选择器多个类选择器叠加(256)之后的优先级大于一个id选择器!importan ...

  5. Register/unregister a dll to GAC

    gacutil /i "C:\Test.dll"gacutil /u "Test"

  6. Aspx 页面生命周期

    ASP.NET 页运行时,此页将经历一个生命周期,在生命周期中将执行一系列处理步骤.这些步骤包括初始化.实例化控件.还原和维护状态.运行事件处理程序代码以及进行 呈现.了解页的生命周期非常重要,这样就 ...

  7. 关于left join 和 inner join

    今天遇到一个逻辑很复杂的SQL,虽然写出来了,但是并没有完全体会,找了找资料,算是摸清楚了left join和inner join 的实际意义. 感谢PCJIM的文章,写的非常明白,原文地址:http ...

  8. mina教程

    关于mina介绍这里不做阐述..... 我们先做一个关于mina的helloworld 首先先下载mina包:http://mina.apache.org/ (如果你已经下载,此步骤忽略) 下载下来以 ...

  9. NAT简单介绍

    NAT本质就是让一群机器公用同一个IP.还有一个重要的用途是保护NAT内的主机不受外界攻击 NAT类型: 1.Full Cone:IPport不受限 Full Cone仅仅做单纯的地址转换,不正确进出 ...

  10. 使用ORACLE SQL Tuning advisor快速优化低效的SQL语句

    ORACLE10G以后版本的SQL Tuning advisor可以从以下四个方面给出优化方案 (1)为统计信息丢失或失效的对象收集统计信息   (2)考虑优化器的任何数据偏差.复杂谓词或失效的统计信 ...