鼠标滑过改变图片
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了鼠标滑过改变图片相关的知识，希望对你有一定的参考价值。
jQuery中attr()函数不支持delay函数控制延迟，把attr函数加在animate的回调函数中
jQuery(function(){
jQuery(‘.avia_image‘).hover(
function() {
urlss = jQuery(this).attr("src").replace("1.jpg","2.jpg");
jQuery(this).stop().animate({opacity: ‘0.3‘},100, function(){jQuery(this).attr("src",urlss);});
jQuery(this).delay(101).animate({opacity: ‘1‘},100);
},
function() {
urltt = jQuery(this).attr("src").replace("2.jpg","1.jpg");
jQuery(this).stop().animate({opacity: ‘0.3‘},100,function(){jQuery(this).attr("src",urltt);});
jQuery(this).delay(101).animate({opacity: ‘1‘},100);
});
}(jQuery));
以上是关于鼠标滑过改变图片的主要内容，如果未能解决你的问题，请参考以下文章