js鼠标点击事件

1.原图：
鼠标点击记录按钮后：如图
2.HTML源代码
给类名contaier，jilu，jl一个ID为id:contaier、jilu、jl因为写js的时候需要获取到ID才能找到类
3.CSS样式表

给contaier{display:none}将他隐藏，contaier是鼠标点击后出现内容的类名。

4.JS

Window: 它表示浏览器窗口 onload:加载事件 function方法
onclick 点击事件 display=block元素显示 display=none元素隐藏
每个载入浏览器的HTML 文档都会成为document对象 getElementById:获取类名的ID
var jilu =document.getElementById(“jilu”);/获取记录按钮的id/
var contaier =document.getElementById(“contaier”);/获取背景里面内容的ID/
var gb =document.getElementById(“gb”);//获取到关闭按钮的id

谢谢观看！