当鼠标滑过超链接出现提示框效果实例

187 阅读 0 评论 124 点赞

我是靠谱客的博主动听爆米花，这篇文章主要介绍当鼠标滑过超链接出现提示框效果实例，现在分享给大家，希望可以做个参考。

<!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">
body{font: 76%/1.5 Arial,sans-serif;background: #FFF;color: #333}
div#container{width: 500px;margin:0 auto}
h1{color: #3CA3FF;margin: 1em 0 0;letter-spacing: -2px}
p{margin: 0 0 1.7em}
a{color: #F60;font-weight:bold}
a:hover{color: #F00}
.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}.tooltip span.top{padding: 30px 8px 0;
     background: url(http://www.uoften.com/images/uppic/200708171844190.gif) no-repeat top}.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
     background: url(http://www.uoften.com/images/uppic/200708171844190.gif) no-repeat bottom}
</style>
</head>
<body>
<div id="container">
<p>My space</p>
</div>
</body>
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最后

以上就是动听爆米花最近收集整理的关于当鼠标滑过超链接出现提示框效果实例的全部内容，更多相关当鼠标滑过超链接出现提示框效果实例内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(124)

本文分类：JavaScript
浏览次数：187 次浏览
发布日期：2022-04-09 03:54:02
本文链接：https://www.kaopuke.com/article/k-p-k_12_u_7_o_2_f3_14_jg_27_.html

相关文章

相对冷暖、冷暖平衡对色的规律平衡法轻松搞定选色和配色

相对冷暖、冷暖平衡对色的规律平衡法轻松搞定选色和配色

PowerShell中使用正则表达式筛选数组实例

PowerShell中使用正则表达式筛选数组实例

PHP Reflection API详解

PHP Reflection API详解

Photoshop为帅哥磨皮上妆加上绚丽的液滴喷溅头发

Photoshop为帅哥磨皮上妆加上绚丽的液滴喷溅头发

当鼠标滑过超链接出现提示框效果实例

当鼠标滑过超链接出现提示框效果实例

Python调用微信公众平台接口操作示例

Python调用微信公众平台接口操作示例

全面解析Bootstrap表单使用方法（表单控件）

全面解析Bootstrap表单使用方法（表单控件）

如何清除xp中的特洛伊木马

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部