HELLO素材网提醒您正在加载相册....
<div id="thumbs">
<div class="thumb"><img src="images/beach1.jpg" width="64" height="64" data-link="http://google.com" /></div>
<div class="thumb"><img src="images/beach3.jpg" width="64" height="64" data-link="http://yahoo.com" /></div>
<div class="thumb"><img src="images/beach1.jpg" width="64" height="64" data-link="http://msn.com" /></div>
<div class="thumb"><img src="images/beach3.jpg" width="64" height="64" data-link="http://facebook.com" /></div>
<div class="thumb"><img src="images/beach1.jpg" width="64" height="64" data-link="http://twitter.com" /></div>
<div class="thumb"><img src="images/beach3.jpg" width="64" height="64" data-link="http://jquery.com" /></div>
<div class="thumb"><img src="images/beach1.jpg" width="64" height="64" data-link="http://sitepoint.com" /></div>
<div class="thumb"><img src="images/beach3.jpg" width="64" height="64" data-link="http://tuaw.com" /></div>
<div class="thumb"><img src="images/beach1.jpg" width="64" height="64" data-link="http://ajaxian.com" /></div>
</div>
$(document).ready(function() {
$('div.thumb img').hoverpulse().each(function() {
var $img = $(this);
var link = $img.attr('data-link');
$img.attr('title','Goto: ' + link);
$img.click(function() {
window.open(link);
return false;
});
});
});