jQuery implementiert das Bild-Sliding-Switching_jquery im Menüstil

Das Umschalten von Bildern im jQuery-Menüstil ist ein Spezialeffekt für das Navigationsmenü der offiziellen Tmall-Website, wenn die Maus über das Bild gleitet.

Code kopieren Der Code lautet wie folgt:

$(function(){
// floorCon-slide
$(".floorCon-slide .floorConSlideImgNav li span").css({opacity:0.95})
$(".floorCon-slide .floorConSlideImgNav li.hover").find("span").css({left:0})//鍒濆
$(".floorCon-slide .floorConSlideImgNav li").mouseover(function(){
If($(this).hasClass("hover")){return}//涓嶅鐞嗘ARCzan Chong姸镐人殑
          var imgleft=$(this).index()*200*(-1) "px";
               $(this).addClass("hover").find("span").stop().animate({left:0},400)
              $(this).siblings().removeClass("hover").find("span").stop().animate({left:"-20px"},600)
                                                                                                                 $(this).parent().prev(".floorConSlideImg").stop().animate({left:imgleft},400);
})
})

Demobild:

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.