首先非常感谢网友czqn8的无私分享，此作品是他从天猫商城网站中整理出来分享给大家的，实现了jquery菜单式图片轮播特效，功能非常实用、jquery功能代码也很少，html结构也很简洁，就算是前端初学者看了也一目了然。。。
jquery核心代码如下：
$(function(){
var aLi = $('#box ul li');
var oDiv = $('#box div');
aLi.mouseover(function(){
aLi.stop();
aLi.find('i').hide();
$(this).find('i').show();
oDiv.stop().animate({
left:-$(this).index()*200
},500)
aLi.stop();
$(this).siblings().animate({
width:180
},600);
$(this).animate({
width:200
},600)
})
})
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
导航菜单 幻灯片 滑动插件 图片滚动 图片轮播 Jquery焦点图 选项卡