js如何实现鼠标悬停显示文字，鼠标移走文字消失
javascript
Firefox浏览器
方式/步调
- 1
新建一个html页面，定名为test.html，用于讲解js如何实现鼠标悬停显示文字，鼠标移走文字消逝。
- 2
在test.html文件内，利用a标签建立一行文字，利用div标签建立一行鼠标悬停在a标签时显示的文字。
- 3
在test.html文件内，利用css样式设置id为login-box的div默认埋没不显示，并设置当它显示出来的时辰，颜色为红色，左边距为200px。
- 4
在test.html文件内，在js里利用“(function(){ 代码 })();”把逻辑代码括起来，让js在页面加载完当作就执行，本家儿要为了给a标签绑定鼠标事务。
- 5
在test.html文件内，利用document.getElementById()方式经由过程id属性别离获得a标签和div标签对象。
- 6
在test.html文件内，经由过程上一步获得的js对象，给a标签绑定onmou搜索引擎优化ver和onmou搜索引擎优化ut鼠标事务。
当鼠标悬停（onmou搜索引擎优化ver）在文字上时，设置div的style属性display为block，即把div的文字显示出来；
当鼠标分开（onmou搜索引擎优化ut）文字时，设置div的style属性display为none，即把div的文字埋没起来。
- 7
在浏览器打开test.html文件，查看实现的结果。
- 发表于 2019-09-07 17:00
- 阅读 ( 255 )
- 分类：其他类型
