Ctrl+/
IE11
F11
ESC
PgUp
PgDn
<!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 http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>小框框链接提示</title>
<style type="text/css">
.tooltip {position: relative;}/*定义tooltip类的定位类型为相对*/
a.tooltip span {display: none;}/*定义tooptip类链接对象元素span显示为不显示*/
a.tooltip:hover span {/*定义鼠标放在链接元素上的显示*/
display: block; /*显示块状*/
position: absolute; /*显示定位类型为绝对*/
top:1em; /*距离顶部1em*/
left:2em;/*距离左边距离2em*/
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: green;
background-color: lightgreen;
text-decoration: none;
height: auto;
width: 150px;
border: 1px solid green;
font-size: 12px;
}
a.tooltip:hover{/*这段就是奇怪的代码咯:设置鼠标放在链接上显示文字大小为100%*/
font-size: 100%;
-->
</style>
</head>
<body>
<p><a href="#" class="tooltip">今天去哪里玩儿?<span>名称:芝加哥<br>电话:1234565555</span></a></p></body>
</html>
CSS代码...
JS代码...
xxxxxxxxxx