<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下面的提示框 鼠标移入时显示，移出时隐藏的更多相关文章
	

    
								
  1. jQuery 鼠标移入图片 显示大图并跟随鼠标移动
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    2. 
						
  2. html 鼠标移入标签 显示小手指
		
    <div style="width: 200px; height: 200px; background: red; cursor: pointer;"></div ...
    
		
    3. 
						
  3. ECharts地图中tooltip提示框通过formatter分别显示多个数值
		
    我原来的CSDN博客上写过这篇文章:http://blog.csdn.net/giscript/article/details/52162165 但是现在发现了代码中存在一个bug,在此更正. 按照原 ...
    
		
    4. 
						
  4. android——TextView默认文字开发时显示运行时隐藏
		
    根布局添加属性: xmlns:tools="http://schemas.android.com/tools" textview添加属性: tools:text="默认文 ...
    
		
    5. 
						
  5. Qt 为QPushButton、QLabel添加鼠标移入移出事件
		
    QT 为QPushButton.QLabel添加鼠标移入移出事件**要实现的效果:**鼠标移入QPushButton时与移出时按钮变换字体颜色,鼠标移入QLabel时显示上面的文字,移出时不显示.** ...
    
		
    6. 
						
  6. 第一百九十六节，jQuery EasyUI，Tooltip(提示框)组件
		
    jQuery EasyUI,Tooltip(提示框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Tooltip(提示框)组件的使用方法, ...
    
		
    7. 
						
  7. ASP.NET 使用AJAX让GridView的数据行显示提示框（ToolTip）
		
    介绍ASP.NET AJAX可以使你的web应用程序具有更丰富的功能和更多的用户响应. 本文中,我将演示如何通过ASP.NET AJAX的帮助,给像GridView这样的数据绑定控件的数据行增加pop ...
    
		
    8. 
						
  8. EasyUI-Tooltip（提示框）学习
		
    引子: if($("#BLUETOOTH_a")){ $("#BLUETOOTH_a").tooltip({ position: 'right', conten ...
    
		
    9. 
						
  9. EasyUI Tooltip 提示框
		
    通过 $.fn.tooltip.defaults 重写默认的 defaults. 当用户移动鼠标指针在某个元素上时,出现提示信息窗口用来显示额外信息.提示内容可以包含任何来自页面的或者通过 ajax  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Vector3.Lerp 插值
			
    Vector3.Lerp 插值 static function Lerp (from : Vector3, to : Vector3, t : float) : Vector3 Description ...
    
			
    2. 
						
  2. 华为2013校招之哈工大威海 上机试题之一：报数问题：设有N 个人围坐一圈并按顺时针方向从1 到N 编号，从第S个人开始进行1 到M报数，报  数到第 M个人时，此人出圈，再从他的下一个人重新开始1 到 M的报数，如此进行下去直  到所有的人都出圈为止。现要打印出出圈次序。
			
    1.  报数游戏 问题描述: 设有N 个人围坐一圈并按顺时针方向从1 到N 编号,从第S个人开始进行1 到M报数,报 数到第 M个人时,此人出圈,再从他的下一个人重新开始1 到 M的报数,如此进行下去 ...
    
			
    3. 
						
  3. OpenResty(Nginx)+Lua+GraphicsMagick实现缩略图功能
			
    http://www.hopesoft.org/blog/?p=1188 http://www.imagemagick.org/download/ 2.用法 原始图片是input.jpg,尺寸:160 ...
    
			
    4. 
						
  4. 搭建自己的SIP服务器：开源sip服务器opensips的搭建及终端TwInkle的使用
			
    搭建自己的SIP服务器:开源sip服务器opensips的搭建及终端TwInkle的使用 分类: linux编译相关2013-01-05 21:38 17983人阅读 评论(24) 收藏 举报 先下载 ...
    
			
    5. 
						
  5. JetBrains WebStorm 7.0 Build 131.202 Win/Mac/Liniux
			
    JetBrains WebStorm 7.0 Build 131.202 (Win/Mac/Liniux) | 121.6/106/133 Mb WebStorm 7 — Everything you ...
    
			
    6. 
						
  6. 【转】Solr从数据库导入数据（DIH）
			
    本文转自:http://blog.csdn.net/xiaoyu714543065/article/details/11849115 一. 数据导入(DataImportHandler-DIH) DI ...
    
			
    7. 
						
  7. oracle、mysql、sybase和sqlserver复制表结构和数据
			
    Sql Server(sybase): 1．复制表结构: 新建表student2,并且结构同表syn_xj_student一致.Sql语句如下: 2．复制表数据,并排除俩表中相同的数据: insert ...
    
			
    8. 
						
  8. Linux的文件管理
			
    绝对路径和相对路径: 绝对路径: /home/tony/Desktop 相对路径:Desktop 或者./Desktop不可写成/Desktop(这是绝对路径的写法) 其中.代表本层目录,..代表上层 ...
    
			
    9. 
						
  9. SpringJDBC的简单应用
			
    此处写上应用JdbcTemplate的dao操作数据库的一些代码(含基本的增删改查,注:重点是查询出多条语句的写法): package org.sakaiproject.zhaorui.dao.imp ...
    
			
    10. 
						
  10. frameset框架下，刷新整个页面
			
    <a href="index.jsp" target="_parent">  index.jsp主frameset页面
    
			
    11.