.jsbutton
        {
            position: relative;
            display: block;
            width: 191px;
            height: 191px;
            background: url(image/01.png) top no-repeat;
            cursor: pointer;
            text-indent: -9999px;
        }
        .jsbutton span.hover
        {
            position: absolute;
            display: block;
            width: 191px;
            height: 191px;
            background: url(image/02.png) bottom no-repeat;
            text-indent: -9999px;
        }
$(document).ready(function () {
            $('.jsbutton').wrapInner('<span class="hover"></span>').css('textIndent', '0')
.each(function () {
    $('span.hover').css('opacity', 0).hover(function () {
        $(this).stop().fadeTo(650, 1);
    }, function () {
        $(this).stop().fadeTo(650, 0);
    });
});
        }); 
<p class="fcenter">
        <a href="http://wiky.cnblogs.com/" class="jsbutton">前端档案</a></p>