鼠标浮上去显示图片信息的jQuery插件

鼠标浮上去显示图片信息的jQuery插件，鼠标浮动到图片上，会从图片的底部滑出背景半透明的图片标题和描述，完美兼容IE6+以及其他主流浏览器。
1、在head引入相关的js文件和css文件，如下：

<link rel="stylesheet" media="all" type="text/css" href="css/photo-info.css" />
<script src="https://5.jimth.com/download/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/photo-info.js" type="text/javascript"></script>

2、在需要使用该效果的地方加入下面的代码：

<div class="frame">
    <div class="wrap">
        <img src='images/frog.jpg' alt='' />
        <div>
            <b></b>
            <span>
            <h1>Red Eye Frog</h1>
            <p>Red-eyed tree frogs, as their name states, have bold red eyes with vertically narrowed pupils, a vibrant green body with yellow and blue striped sides, and orange toes. There is a great deal of regional variation in flank and thigh coloration.</p>
            <p>Although it has been suggested that A. callidryas' bright colors function as aposematic or sexual signals, neither of these hypotheses have been confirmed.</p>
            <a href="#">more information...</a>
            </span>
        </div>
    </div>
</div>

有多少张图片就加入多少个上面的代码，其中，h1是标题，p是描述内容，a链接是该图片的文章地址。