本文结合实例，与大家分享使用jQuery滑过图片显示信息的效果，当鼠标滑到照片时，弹出相应照片的详细信息。请看演示效果：
效果显示源代码下载
HTML
首先，我们准备页面材料。页面由多组图片组成。同时，有图片相关的信息来显示细节。
孟翔怡企业主楼
北京市
…
CSS
我们需要使用CSS来关闭图片，默认图片信息是隐藏的。
。演示{宽度：714px；保证金：50px汽车；}
#专辑里，#专辑{列表样式：无；}
#专辑{位置：相对；背景：URL（图像/装载机。GIF）没有重复中心；高度：203px；}
#专辑里{浮动：左；保证金：1px 1px 0px 0px；显示：内联；}
#专辑里img {宽度：50px；身高：50px；}
# album.album_big {浮动权；}
# album.album_big跨度{宽度：43px；身高：31px；背景：URL（图像/ you_s。PNG）；位置：
绝对的；右：0px；底：0px；保证金：0px；padding: 0px；文本缩进：- 999px；溢出：文本缩进：；}
album_big img {宽度：101px！重要的；身高：101px！重要的；}
# album.album_big一{宽度：101px！重要的；身高：101px！重要的；}
#专辑里强{显示：块；颜色：# FFF；字体大小：12px；线高度：16px；
填料：0px 10px；边距：8px；空格：nowrap；}
#专辑里跨{显示：块；颜色：# FFF；字体大小：12px；线高度：16px；
填料：0px 10px；边距：5px；空格：nowrap；}
#专辑里{位置：绝对；Z指数：100；能见度：隐藏；}
#专辑里一个EM {宽度：100%；位置：绝对；顶部：0px；左：0px；显示：显示：；0.5；
过滤器：α（不透明度50）；背景：# 000000；}
#专辑img { border: 0px；边界：无；}
# album.album_info {显示：无；位置：绝对；背景：# 4bae41；Z指数：101；
-moz盒阴影：00 10px # 000000；- WebKit盒阴影：00 10px # 000000；框阴影：00 10px # 000000；}
# album.album_info我{字体大小：12px；右边距：5px；字体：字体：正常；体重正常；}
jQuery
JS代码用于显示效果已被封装在album.js。在装货前，两个文件jquery.js和album.js加载之前调用。然后直接调用这个效果。
Album.set（#专辑）；
在album.js，我们控制的元素通过jQuery的位置，显示上下相对位置，当鼠标滑。感兴趣的朋友可以看看album.js相关代码。
以上内容用小编介绍给你。我们用jQuery来实现鼠标滑动的所有内容，更多的相关信息和源代码下载。希望你能喜欢。
