您的位置：首页 > Web前端 > JavaScript

js初学笔记（一）

2016-03-30 16:14 218 查看

鼠标提示框--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获取元素

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航