鼠标指向链接时的CSS提示效果-CSS特效-网页特效

2024/4/20   星期六
设为首页   收藏本页
用户注册   用户登陆

4当前位置：网页特效首页－CSS特效－鼠标指向链接时的CSS提示效果

4网页特效分类

时间特效　　文本特效
状态标题　　背景特效
导航菜单　　图片特效
窗口特效　　按钮特效
鼠标特效　　 CSS特效
表单特效　　综合特效

4本站推荐内容

鼠标指向链接时的CSS提示效果

类别：CSS特效　来源：网络　添加时间：2009/11/10　浏览次数：8706

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>鼠标指向链接时的CSS提示效果-CSS特效-网页特效-站长新动力</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body{font-size:12px;}
a.tip{color:red;text-decoration:none;position:relative;}
a.tip span {display:none;}
a.tip:hover {cursor:hand;}
a.tip:hover .popbox {
display:block; 
position:absolute; 
top:15px;
left:-30px;
width:100px; 
background-color:#424242; 
color:#fff;  
padding:10px;
}
</style>
</head>
<body>
<h1>CSS</h1>
</p>目前推荐遵循的是W3C于1998年5月12日推荐
<a href="#" class="tip">CSS<span class="popbox">Cascading Style Sheets 层叠样式表</span></a>
。<a href="#" class="tip">W3C<span class="popbox">World Wide Web Consortium 万维网联盟</span></a>创建CSS标准的目的是以CSS取代<a href="#" class="tip">HTML<span class="popbox">Hyper Text Mark-up Language 超文本标记语言</span></a>表格式布局、帧和其他表现的语言。纯CSS布局与结构式<a href="#" class="tip">XHTML<span class="popbox">The Extensible HyperText Markup Language 可扩展超文本标记语言</span></a>相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。</p>
</body>
</html>

上一篇CSS特效：

下一篇CSS特效：纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)

4最新CSS特效

·导航条下面的倒三角形CSS
·纯DIV+CSS实现精美的柱状图报表
·网页水平或垂直翻转镜像特效
·纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)
·鼠标指向链接时的CSS提示效果

4热门CSS特效

·纯DIV+CSS实现精美的柱状图报表
·网页水平或垂直翻转镜像特效
·纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)
·鼠标指向链接时的CSS提示效果
·导航条下面的倒三角形CSS

本站部分内容收集整理于网络，如有问题请随时联系站长

，本站将在第一时间内进行处理！
设为首页收藏本站友情链接蜀ICP备08103254号-1 川公网安备51140202000211号最佳浏览环境：IE7.0及以上 1024px×768px

百度统计 51LA统计