代码使用指南

您所在的位置：网站首页 › 建站相关› 代码使用指南

悬停提示代码

2016-9-28|发布：合元网络|点击数: 1380

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>CSS悬停提示</title>

body {font:normal 12px Verdana}

a#tip {position:relative;left:75px; font-weight:bold;}

a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block}

a#tip span {display:none;text-decoration:none;}

a#tip:hover #tip_info {display:block;border:1px solid #F96;background:#FFEFEF;padding:10px 20px;position:absolute;top:0px;left:90px;color:#009933}

</style>

</head>

<body>

你知道脚本之家吗？

<span id="tip_info">脚本之家是一个有质量的学习资源站，主要收集各种学习资料。</span>

</a>

</body>

</html>

上一篇：向上滚动代码

下一篇：实现字体大中小的另一种方法

分享到：