体验js

以下是我总结的一些及其简单的一些js效果，本人js刚接触不长时间，所以水平有限，见谅。

1.鼠标移上移下，盒子变换颜色：

 var btns = document.getElementById("box");
 btns.onmouseover = function(){
  this.style.background = "yellow"; 
 }
 btns.onmouseout = function(){
  this.style.background = "#ccc"; 

 

2.点击按钮，弹出对话框：

 var btns = document.getElementsByTagName("button");
 btns[0].onclick = function(){
  alert("您捕获了鼠标点击事件"); 
 }

 

3.鼠标移上显示，鼠标移下隐藏：

 var btn =  document.getElementById("btns");
 var grn = document.getElementById("box");
 btn.onmouseover = function(){
  grn.style.display = "block"; 
 }
 btn.onmouseout = function(){
  grn.style.display = "none"; 
 }

注解：btns是按钮的id

           grn是显示隐藏的盒子的id