<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery Tooltips悬停提示效果</title>
<meta charset="gb2312" />
<link rel="stylesheet" type="text/css" href="css/tooltipster.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="js/jquery.tooltipster.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.tooltip').tooltipster();
});
</script>
</head>
<body>
<br><br><br><br><br><br><br><br>
<section id="facebook">
<ul>
<a href="http://www.jb51.net/" target="_blank"><span id="fackbook" class="tooltip" title="CHINAZ">CHINAZ</span></a>
</ul>
</section>
<section id="twitter">
<ul>
<a href="http://www.jb51.net/" target="_blank"><span id="twitter-default" class="tooltip" title="脚本之家">脚本之家</span></a>
</ul>
</section>
<section id="google">
<ul>
<a href="http://www.jb51.net/" target="_blank"><span id="google-default" class="tooltip" title="jQuery">jQuery</span></a>
</ul>
</section>
<section id="rss">
<ul>
<a href="http://www.jb51.net/" target="_blank"><span id="rss-default" class="tooltip" title="脚本之家">脚本之家</span></a>
</ul>
</section>
<section id="tech">
<ul>
<a href="http://www.jb51.net/"><span id="tech-default" class="tooltip" title="CSS3">CSS3</span></a>
</ul>
</section>
</center>
<section id="dribbble">
<ul>
<a href="http://www.jb51.net/" target="_blank"><span id="dribbble-default" class="tooltip" title="HTML5">HTML5</span></a>
</ul>
</section><br>
<br>
<br>
<br>
<br>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
</div>
</body>
</html>
jQuery+Tooltips实现的悬停提示特效源码.zip
版权申诉
122 浏览量
2022-11-06
23:56:09
上传
评论
收藏 40KB ZIP 举报
jQuery+Tooltips实现的悬停提示特效源码.zip （5个子文件） 
132677821030690463 css 
style2.css 5KB tooltipster.css 9KB
index.html 2KB js jquery.tooltipster.js 34KB jquery-2.0.0.min.js 81KB资源评论
