鼠标经过事件代码
来源:互联网 发布:诺维茨基生涯数据 编辑:程序博客网 时间:2024/05/17 05:17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>CSS Tooltips</title>
<link rel="stylesheet" rev="stylesheet" href="style/master.css" type="text/css" media="screen, projection" charset="utf-8" />
<style type="text/css">...
<!--
/**//*Tooltips*/
.displayspan{...}{ /**//*span 标签仅在 :hover 状态时显示*/
display:block;
position:absolute;
top:32px;
left:9px;
width:15em;
height:30em;
border:1px solid black;
background-color:#778899;
padding: 3px;
color: white;
font-size:12px;
}
.nodisplay{...}{
display:none;
}
-->
</style>
</head>
<body>
<div onmouseover="document.getElementById('span1').className='displayspan';" onmouseout="document.getElementById('span1').className='nodisplay';">
<a class="tooltips" href="#tooltips">这就是Tooltips</a>
<span id="span1" name="span1" class="nodisplay">如你所见,这些附加的说明文字在鼠标经过的时候显示。
<dl>
<dt>Neyond1</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
<dl>
<dt>Neyond2</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
<dl>
<dt>Neyond3</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
<dl>
<dt>Neyond4</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
<dl>
<dt>Neyond5</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
</span>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>CSS Tooltips</title>
<link rel="stylesheet" rev="stylesheet" href="style/master.css" type="text/css" media="screen, projection" charset="utf-8" />
<style type="text/css">...
<!--
/**//*Tooltips*/
.displayspan{...}{ /**//*span 标签仅在 :hover 状态时显示*/
display:block;
position:absolute;
top:32px;
left:9px;
width:15em;
height:30em;
border:1px solid black;
background-color:#778899;
padding: 3px;
color: white;
font-size:12px;
}
.nodisplay{...}{
display:none;
}
-->
</style>
</head>
<body>
<div onmouseover="document.getElementById('span1').className='displayspan';" onmouseout="document.getElementById('span1').className='nodisplay';">
<a class="tooltips" href="#tooltips">这就是Tooltips</a>
<span id="span1" name="span1" class="nodisplay">如你所见,这些附加的说明文字在鼠标经过的时候显示。
<dl>
<dt>Neyond1</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
<dl>
<dt>Neyond2</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
<dl>
<dt>Neyond3</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
<dl>
<dt>Neyond4</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
<dl>
<dt>Neyond5</dt><dd><a href="Design.htm">new!</a></dd>
</dl>
</span>
</div>
</body>
</html>
- 鼠标经过事件代码
- 鼠标经过事件
- c# 鼠标经过事件
- mac 鼠标经过事件mouseEntered
- JavaScript 鼠标经过事件--显示帮助
- JavaScript 鼠标经过事件--显示图像
- jquery鼠标按上或经过事件
- CSS 鼠标经过,图片变大代码
- 鼠标响应事件 当鼠标经过/移出时切换css
- CSS 鼠标响应事件,鼠标经过CSS,鼠标移动CSS,鼠标点击CSS
- CSS 鼠标响应事件,鼠标经过CSS,鼠标移动CSS,鼠标点击CSS
- 解决鼠标经过内部元素触发onmouseout事件的问题
- jQuery – 鼠标经过(hover)事件的延时处理
- jQuery – 鼠标经过(hover)事件的延时处理
- 鼠标经过超链接上,元素(li)背景变色的代码
- 鼠标经过超链接上,元素(li)背景变色的代码
- DataGrid 单击变色,鼠标经过变色 部分代码
- 响应式图片列表鼠标经过放大效果样式代码
- 推荐个php在线手册,非常的全
- 5-4 双缓冲技术(Double Buffering)(2、公有函数实现)
- CVS 简单教程
- 《TCP/IP详解,卷2:实现》读书笔记-UDP和TCP的首部
- 一些不错的Delphi站点
- 鼠标经过事件代码
- 约瑟父问题完全解剖1
- 程序员创业失败主要原因
- Ant实践
- 在一台机器有多个网卡怎么改变的上网的网卡
- 水仙花
- 企业文化
- 5-4 双缓冲技术(Double Buffering)(3、事件处理函数)
- 排序完全解剖1