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





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








 




 






		

		
posted @ 
2016-09-30 10:04 
缘琪梦 
阅读(2457) 
评论(0) 
编辑 
收藏 
举报