<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>
