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文件，查看實現的結果。