zoukankan      html  css  js  c++  java
  • 闲扯 Javascript 00

       

    引言 

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

              随后后展开吧!

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

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

        格式说明:

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

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

             <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
  • 相关阅读:
    XP下VS2010 数据库实体模型添加代码项使用 ADO.NET DBContext 添加错误
    URL路径优化
    题解poj2096
    对不起
    TELE poj1155 题解
    在 Linux 上创建第一个 Service Fabric Java 应用程序
    关于日常使用Azure MySQL中遇到的连接问题以及排查方法分享
    在 Azure 中创建静态 HTML Web 应用
    修改Linux时区的2种办法
    怎样在 Azure 应用服务中生成和部署 Java API 应用
  • 原文地址:https://www.cnblogs.com/izhiniao/p/3664180.html
Copyright © 2011-2022 走看看