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初学笔记(三)