鼠标放上去显示/隐藏效果
2017-01-23 13:54
232 查看
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> <!--鼠标放上去显示/隐藏效果 --></title>
<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<style type="text/css">
#div1{
width: 200px;height: 100px;border: 1px solid #ccc;
background-color: yellow;
display: none;
}
</style>
</head>
<body>
<input type="button" value="鼠标放上去显示" onmouseover="div1.style.display='block'" onmouseout="div1.style.display='none'"/>
<div id="div1">
为了您的信息安全，请保护好您的。。。。。
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery animate实现鼠标放上去显示离开隐藏效果
- 鼠标放上去显示全部文字，不放上去，显示部分文字jquery效果，包括隐藏部分文字
- jquery animate 鼠标放上去显示,离开就隐藏
- js鼠标滑动图片显示隐藏效果
- 自己实现axure中鼠标移入时隐藏显示的弹出效果，并且实现智能管控隐藏效果，改良弹出效果
- JQ实现效果：点击（or鼠标滑过）连接时显示内容，再点击（鼠标滑出）连接时隐藏内容
- jquery悬停，鼠标移上去显示全部内容（包括多余隐藏内容）
- 鼠标在导航栏移入移出的隐藏显示效果jquery
- js 鼠标经过显示隐藏效果实例
- css效果，在一个盒子里，把一部分内容隐藏掉，在鼠标悬停到div时，就会把隐藏的部分向上显示出来。 不用js操作，纯css就可以。
- html设置超出部分隐藏，鼠标移上去显示全部
- 鼠标放上去出现冒泡显示，鼠标挪开隐藏气泡
- css实现 鼠标移上放大效果 或 显示隐藏内容 简单原型
- css隐藏下拉菜单的设置，当鼠标放上去时，自动显示下拉菜单
- jQuery实现网易相册鼠标移动显示隐藏效果
- C# winform 实现 qq 在屏幕边缘 自动隐藏 鼠标移过去 移上去 又自动显示
- headroom.js 用例，漂亮完善的 鼠标滚动 --->导航栏隐藏显示效果
- 鼠标移上去显示一个下拉，移开下拉隐藏
- 链接效果：鼠标放上去显示虚线的下划线