<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>超链接文字提示</title>
<style type="text/css">
body{
margin:0;
padding:40px;
background:#fff;
font:80% Arial, Helvetica, sans-serif;
color:#555;
line-height:180%;
}
p{
clear:both;
margin:0;
padding:.5em 0;
}
/* tooltip */
#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:1px;
color:#333;
display:none;
}
</style>
</head>
<body>
<p><a href="#" class="tooltip" title="这是我的超链接提示1">提示1.</a></p>
<p><a href ="#" class="tooltip" title="这是我的超链接提示2">提示2.</a></p>
<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript">
【code】为超链接添加文字提示
最新推荐文章于 2023-03-06 14:31:15 发布
这篇博客介绍了如何使用jQuery为超链接添加文字提示。通过创建绝对定位的<div>元素,并在鼠标悬停时动态显示和定位提示内容,实现了自定义的超链接提示效果。示例中展示了两个带有不同提示文字的超链接。
摘要由CSDN通过智能技术生成