js初学笔记（一）
鼠標提示框--js特效
鼠標移入input上的時候，讓div1顯示
鼠標移出input的時候，讓div1隱藏
? div1顯示
????? div1的display變成block
---------------------------------------------------------------------
事件：用戶操作
onclick??? //點擊
onmouseover
onmouseout
----------------------------------------------------------------------
onmouseover = "div1.style.display='block';" //顯示文字
onmouseout = "div1.style.display='none';" //隱藏文字
-----------------------------------------------------------------------
<body>
<input type = "checkbox" onmouseover = "div1.style.display='block';"
onmouseout = "div1.style.display='none';">
<div id = "div1">
?? ?為了你的安全。。。。。
</div>
</body>
-----------------------------------------------------------------------
解決兼容問題
<body>
<input type = "checkbox" onmouseover = "document.getElementById
('div1').style.display='block';"
onmouseout = "document.getElementById('div1').style.display='none';">
<div id = "div1">
?? ?為了你的安全。。。。。
</div>
</body>
-----------------------------------------------------------------------
get Element By Id? 通過id獲取元素
總結
- 上一篇： 儒枭：我看技术人的成长路径
- 下一篇： js初学笔记（三）