簡體   English   中英

關於淡入/淡出的圖像替換的jQuery懸停功能

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM