首先非常感谢网友杰立的无私分享，此作品是他把所在公司网站的导航菜单整理出来分享给大家的，他公司在国家高新技术企业,政府资助申请方面具有专业优势，此作品实现了jquery带滑动效果的二级导航菜单功能，效果很棒，可以代替flash导航菜单，可以直接拿来使用，非常方便，网友们好好利用哦。。。
核心jquery代码如下：
$(function(){
var nav = $(".nav");
var init = $(".nav .m").eq(ind);
var block = $(".nav .block");
block.css({
"left": init.position().left - 3
});
nav.hover(function() {},
function() {
block.stop().animate({
"left": init.position().left - 3
},
100);
});
$(".nav").slide({
type: "menu",
titCell: ".m",
targetCell: ".sub",
delayTime: 300,
triggerTime: 0,
returnDefault: true,
defaultIndex: ind,
startFun: function(i, c, s, tit) {
block.stop().animate({
"left": tit.eq(i).position().left - 3
},
100);
}
});
});
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
导航菜单 滑动插件 动画插件 二级菜单 网友杰立 实用特效 三级联动