我正在使用jQuery来更改鼠标事件（悬停）上的图像，但我无法找出为{... 1}}和fadeIn添加以激活以下函数的最佳方法。< / p>
fadeOut我尝试了多种方法将 var sourceIn = function () {
var $this = $(this);
var newSource = $this.data('alt-src');
$this.data('alt-src', $this.attr('src'));
$this.attr('src', newSource);
}
var sourceOut = function () {
var $this = $(this);
var newSource = $this.data('alt-src');
$this.data('alt-src', $this.attr('src'));
$this.attr('src', newSource);
}
$(function () {
$('img.toggle').mouseenter(sourceIn);
$('img.toggle').mouseleave(sourceOut);
});
附加到上面，我不确定最好的技术是什么。
jsFiddle示例：http://jsfiddle.net/hn5w7/
答案 0 :(得分：1)
不要只更改src，而是使用fadeOut和fadeIn的回调
$this.fadeOut(function() {
$this.attr('src', newSource).fadeIn();
});