分享一个企业通用导航菜单效果,带下划线,并且有下拉二级菜单。
淘建站为您提供更多_导航菜单_下拉导航_导航菜单_下拉菜单,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 457 次
34 积分
菜单导航HTML代码:
鼠标悬浮菜单代码:
$(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);
}
});
});
var ind = 0;

