即时为我的博客使用2张图片,主要图片和用户翻身时的图片,现在第二张图片替换第一张图片,是否有可能让第二张图片悬停在第一张图片上悬停?
这是我的代码:
<a href="blog-inner.html" title="blog title"><img src="images/blogpost2.jpg" alt="blog post title" class="img-responsive imghover"></a>
jquery的:
<script type='text/javascript'>
$(document).ready(function(){
var blog1 = '';
$(".imghover").hover(function() {
//save previous image in variable
blog1 = $(this).attr('src');
$(this).attr("src","images/imghover.png").animate(800);
}, function() {
$(this).attr("src",blog1);
});
});
</script>