La commutation coulissante d'image de style menu jQuery est un effet spécial pour le menu de navigation du site officiel de Tmall lorsque la souris glisse sur l'image.
$(fonction(){
//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);
})
})
Photo de démonstration :
Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.
Déclaration:Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn