菜单导航HTML代码:
<div class="navBar"> <ul class="nav clearfix"> <li class="m"> <h3><a href="http://www.sucaihuo.com/">网站首页</a></h3> </li> <li class="s">|</li> <li class="m"> <h3><a href="http://www.sucaihuo.com/">关于我们</a></h3> <ul class="sub"> <li><a href="http://www.sucaihuo.com/">企业简介</a></li> <li><a href="http://www.sucaihuo.com/">组织架构</a></li> <li><a href="http://www.sucaihuo.com/">企业资质</a></li> <li><a href="http://www.sucaihuo.com/">企业文化</a></li> </ul> </li> <li class="block" style="left:251px;"></li> </ul> </div>
鼠标悬浮菜单代码:
$(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;
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791