本范例调用jQuery通过一些很简单的方法就可以往图片上添加描述信息，当鼠标滑过图片时信息自动显示，鼠标离开信息最小化。描述信息中可以带有超级链接等信息。
查看演示页面 View Demo 查看全部代码 View Code
在网页<head>区添加以下代码
<link rel="stylesheet" media="all" type="text/css" href="css/photo-info.css" /> <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="js/photo-info.js" type="text/javascript"></script>
在网页<body>区添加以下代码
<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="http://en.wikipedia.org/wiki/Red_eyed_frog">more information...</a> </span> </div> </div> <!-- end wrap --> </div> <div class="frame"> <div class="wrap"> <img src='images/emperor.jpg' alt='' /> <div> <b></b> <span> <h1>Emperor Penguin</h1> <p>The Emperor Penguin (Aptenodytes forsteri) is the tallest and heaviest of all living penguin species and is endemic to Antarctica.</p> <p>The male and female are similar in plumage and size, reaching 122 cm (48 in) in height and weighing anywhere from 22?7 kg (48?2 lb). The dorsal parts are black and sharply delineated from the white belly, pale-yellow breast and bright-yellow ear patches.</p> <a href="http://en.wikipedia.org/wiki/Emperor_penguin">more information...</a> </span> </div> </div> <!-- end wrap --> </div> <div class="frame"> <div class="wrap"> <img src='images/pelican.jpg' alt='' /> <div> <b></b> <span> <h1>Pelicans</h1> <p>A pelican is a large water bird with a distinctive pouch under the beak, belonging to the bird family Pelecanidae.</p> <p>Along with the darters, cormorants, gannets, boobies, frigatebirds, and tropicbirds, pelicans make up the order Pelecaniformes. Modern pelicans are found on all continents except Antarctica.</p> <a href="http://en.wikipedia.org/wiki/Pelican">more information...</a> </span> </div> </div>
相关图片、样式表、js库都已经包含在下载包内，请直接下载！
