[英]Jquery hover function regarding image replacement on fadein/fadeout
當第三個div懸停在上方時,我正在嘗試為兩個不同的div替換圖像鏈接。 我該怎么辦導致我的jquery不正確和不簡潔。 我的確意識到我不能將this.attr加倍。 任何幫助,將不勝感激。 謝謝。
$('#minerallink').hover(function() { // On mouseenter
$('#brainicon, #stomachicon').stop(true, true).fadeOut(function() { // Fade out the image, and when done
$(this).attr('src', 'health-tips/images/images/medicineman-icons-dark_01.png', ).fadeIn();
$(this).attr('src', 'health-tips/images/images/medicineman-icons-dark_04.png').fadeIn(); // Change its source and fade in
});
$('#manpic5').stop(true, true).fadeOut(function() { // Fade out the image, and when done
$(this).attr('src', 'health-tips/images/images/medicineman-dark_05.png').fadeIn(); // Change its source and fade in
});
},
function() { // On mouseleave - reverse the process
$('#brainicon, #stomachicon').stop(true, true).fadeOut(function() {
$(this).attr('src', 'health-tips/images/images/medicineman-icons_01.png').fadeIn();
$(this).attr('src', 'health-tips/images/images/medicineman-icons_04.png').fadeIn();
});
$('#manpic5').stop(true, true).fadeOut(function() {
$(this).attr('src', 'health-tips/images/images/medicineman_05.png').fadeIn();
});
});
像這樣拆分2個id:
$('#stomachicon').stop(true, true).fadeOut(function() {
$(this).attr('src', 'health-tips/images/images/medicineman-icons-dark_04.png').fadeIn();
});
$('#brainicon').stop(true, true).fadeOut(function() {
$(this).attr('src', 'health-tips/images/images/medicineman-icons-dark_01.png', ).fadeIn();
});
剩下的就做
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.