zoukankan html css js c++ java

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>

查看全文

相关阅读:
Git简介
 git 目录
 版本控制系统介绍
 python 爬虫基于requests模块发起ajax的post请求
 python 爬虫基于requests模块发起ajax的get请求
 POJ 2575
POJ 2578
POJ 2562
POJ 2572
POJ 2560

原文地址：https://www.cnblogs.com/Yimi/p/5922837.html

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

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