<script type="text/javascript">
$(function(){
$("img.hover").hover(
function(){
var strName=$(this).attr('src');
var index=strName.lastIndexOf('.');
var strLeft=strName.substring(0,index);
var strRight=strName.substring(index,strName.length); // var strName=$(this).attr('src').replace("b.gif",".gif");//使用这个会出问题
$(this).attr("src",strLeft+'b'+strRight);
},
function(){
var strName=$(this).attr('src');
var index=strName.lastIndexOf('.');
var strLeft=strName.substring(0,index-('b').length);
var strRight=strName.substring(index,strName.length);
$(this).attr("src",strLeft+strRight);
});
});
</script>

本文介绍了一种使用jQuery实现的图片hover效果,通过更改图片源来达到鼠标悬停时显示不同图片的效果。具体实现方式为获取当前图片的源链接,通过字符串操作替换链接中的文件名,以展示不同的图片。
382

被折叠的 条评论
为什么被折叠?



