zoukankan      html  css  js  c++  java
  • js入门事件(滑入滑出显示与隐藏效果)

    第一个事件如下:

    代码段:

    样式区:

    js区:

    浏览器区显示效果:

    第二个事件如下:

    代码与js区:

    css样式区:

    效果区:

    注释区:

    /*
      JS中如何获取元素:
      1、通过ID名称来获取元素:
      document get element by id 'link'
      docuemnt.getElementById('link');
      2
      ……
       
      事件:鼠标事件、键盘事件、系统事件、表单事件、自定义事件……
       
      onclick
      onmouseover
      onmouseout
      onmousedown
      onmouseup
      onmousemove 就像是鼠标抚摸一样的事件
      ……
       
      onload 加载完以后执行……
      window.onload = 事情
      img.onload
      body.onload
      ……
       
      如何添加事件:
      元素.onmouseover
       
      函数:可以理解为-命令,做一些事~~
      function abc(){ // 肯定不会主动执行的!
      ……
      }
      1、直接调用:abc();
      2、事件调用:元素.事件 = 函数名 oDiv.onclick = abc;
       
      function (){} 匿名函数
      元素.事件 = function (){};
       
       
      测试:
      alert(1); 带一个确定按钮的警告框
      alert('ok'); 'ok' 字符串
      alert("ok");
       
      变量:
      var li = document.getElementById('lis');
      var num = 123;
      var name = 'leo';
      */
     
  • 相关阅读:
    网络故障排除工具 | 快速定位网络故障
    Brocade博科光纤交换机zone配置
    博科Brocade 300光纤交换机配置zone教程
    游戏开发
    第8章 图
    第7章 二叉树
    第6章 树型结构
    第5章 递归
    第4章 字符串、数组和特殊矩阵
    第3章 顺序表的链式存储
  • 原文地址:https://www.cnblogs.com/momox/p/7681760.html
Copyright © 2011-2022 走看看