代码使用指南

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

悬停提示代码

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>CSS悬停提示</title> 
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> 
<style type="text/css"> 
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> 
<a id="tip" href="#"> 
你知道脚本之家吗? 
<span id="tip_info">脚本之家是一个有质量的学习资源站,主要收集各种学习资料。</span> 
</a> 
</body> 
</html>

 

 

分享到:
CopyRight 2012-2017 合元网络 版权所有
公司地址:郑州市高新区升龙又一城A区2号楼2单元17楼 热线电话:15303843903 技术QQ:1808040020 微 信:15303843903 豫ICP备14027215号