Hovers images

by Tadashi

HTML

<span><a href="http://www.flickr.com/photos/wneuheisel/3922107796/" target="_blank"><img src="http://farm3.static.flickr.com/2657/3922107796_ccc342077e_m.jpg" alt="Key Note" /></a><br />Key Note / william.neuheisel</span>
<p>画像にマウスホバーしてみてね。</p>

CSS

span {
    font-size: 10px;
}

JavaScript

$(function () {
    $('img').hover( function() {
        $(this).stop().animate({opacity:0.7},{queue:false,duration:200});
    }, function() {
        $(this).stop().animate({opacity:1},{queue:false,duration:200});
    });
});