gusucode.com > 【demx27】红色机械设备叉车产品网站织梦dedecms模板 > 【demx27】红色机械设备叉车产品网站织梦dedecms模板/templets/ch/js/nav.js

    // JavaScript Document


$(function(){

(function(){
var $navcur = $(".nav-current");
var $nav = $("#nav");
var current = ".current";
var itemW = $nav.find(current).innerWidth();	//默认当前位置宽度
var defLeftW = $nav.find(current).position().left;	//默认当前位置Left值

//添加默认下划线
$navcur.width(itemW);

//hover事件
$nav.find("li").hover(function(){
	var index = $(this).index();	//获取滑过元素索引值
	var leftW = $(this).position().left;	//获取滑过元素Left值
	var currentW = $nav.find("li a").eq(index).innerWidth();	//获取滑过元素Width值
	$navcur.stop().animate({
		left: leftW,
		width: currentW
	},400);
	
},function(){
	$navcur.stop().animate({
		left: defLeftW,
		width: itemW
	},400)
})
})();
});