框架菜单式图片滑动切换是一款天猫官方网站的鼠标滑过图片切换导航菜单特效。

复制代码代码如下： $(function(){//floor con-slide $(').地板控制滑块洪水控制台信号.CSS({ opa city 33600.95 })$(' .地板控制滑块floorConSlideImgNav li.hover ').查找(' span ').css({left:0})//鍒濆 $('.地板控制滑块(李).mouseover(function(){ if($(this)).有类(' hover '){ return }//涓嶅鐞嗘弧瓒崇姸鎬佺殑var imgleft=$(this).index()* 200 *(1)“px”；$(这个)。addClass(')悬停')。查找(' span ').停止()。动画({left:0}，400) $(这个)。兄弟姐妹()。removeClass(“”悬停')。查找(' span ').停止()。动画({left:'-20px'}，600) //鍥剧墖鏄剧 $(这个)。父项()。prev(' .《地板消费指南》' .停止()。动画({left:imgleft}，400)；})})

演示图：

以上就是本文的全部内容了，希望大家能够喜欢。