您的位置：首页 > 其它

checkbox下面的提示框鼠标移入时显示，移出时隐藏

2016-09-30 10:04 651 查看

<html>
<head>
<title>shu</title>
<style>#div1{width:200px;height:200px;border:1px solid red;background:grey;display:none;}</style>
<script>
function show(){
var a=document.getElementById("div1");
a.style.display='block';
}
function over(){
var a=document.getElementById("div1");
a.style.display='none';
}
</script>
</head>
<body>
<input type="checkbox" onmouseover="show();" onmouseout="over();"/>
<div id="div1">
为了您的信息安全
</div>
</body>
</html>

鼠标移入到input上的时候，让div1显示
鼠标移出input的时候，让div1隐藏

div1显示：
div1的display变成block

------------------------------------------------------------------------------------------------------------------------

事件：用户操作

on click

------------------------------------------------------------------------------------------------------------------------

div1.style.display='block';

. 的

div1的style的display

<html>
<head>
<title>shu</title>
<script>
function show(){
var i=document.getElementById("tishi");
i.click=alert("您确定吗？");
}
</script>
</head>
<body>
<div id="div1">
点击确认进入下一步操作：
</div>
<button id="tishi" onclick="show();">确定</button>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航

checkbox下面的提示框 鼠标移入时显示，移出时隐藏

checkbox下面的提示框鼠标移入时显示，移出时隐藏