此作品实现了jquery带滑动效果的二级导航菜单功能,效果很棒,可以代替flash导航菜单,可以直接拿来使用,非常方便,网友们好好利用哦。。。
首先引用文件
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/SuperSlide.2.1.js" type="text/javascript"></script>
核心jquery代码如下:
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);
}
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791