jQuery实现图片信息的浮动显示实例代码

2024-05-06 15:51:16

字体：大中小

来源：转载

供稿：网友

图片信息的浮动显示的效果，在网页应用中还是比较流行的，下面为大家详细介绍下使用jquery是如何实现的，喜欢的朋友可以参考下

如图：

复制代码代码如下:

<html>
<head>
<meta charset="utf-8"/>
<style>
li{list-style:none;float:left;margin-right:10px;border:1px solid #AAAAAA}
#tooltip{position:absolute;}
</style>
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
var x = 10;
var y = 20;
$("a.tooltip").hover(function(){
var title="苹果 iPod"><img src="images/apple_1.jpg" /></a></li>
<li><a href="images/apple_2_bigger.jpg" title="苹果 iPhone"><img src="images/apple_3.jpg" alt="苹果 Mac"/></a></li>
</ul>
</body>
</html>