JS鼠标移入事件

1.原图:在这里插入图片描述2.鼠标移入指定按钮之后
在这里插入图片描述
2.HTML源代码在这里插入图片描述
给类名contaier,jilu,jl一个ID为id:contaier、jilu、jl因为写js的时候需要获取到ID才能找到类
3.CSS样式表
在这里插入图片描述
给contaier{display:none}将他隐藏,contaier是鼠标移入后出现内容的类名。
4.JS
在这里插入图片描述
Window: 它表示浏览器窗口 onload:加载事件 function方法
display=block元素显示 display=none元素隐藏
onmouseout 鼠标移入事件 onmouseout鼠标移出事件
每个载入浏览器的HTML 文档都会成为document对象 getElementById:获取类名的ID
var jilu =document.getElementById(“jilu”);/获取记录按钮的id/
var contaier =document.getElementById(“contaier”);/获取背景里面内容的ID/
在这里插入图片描述
谢谢观看!

发布了8 篇原创文章 · 获赞 14 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_44572465/article/details/89370716
今日推荐