服装商城项目总结

经过一周多，整个服装商城项目已经完全的结束，对于这次的项目，我深切的明白自己不足的地方，也知道了自己要从哪里下手以及我和我的团队之间相互配合。
然后整个服装商城很多知识都涉及到了我的知识盲区，对此要不我不了解的进一步记录下来，慢慢熟悉过程：

$(function() {
				//轮播图
				var index = 0;
				var timeId;
				//获取图片滚动的高度
				var height = $(".ad").height();
				//页面加载完毕让其下标为1的li高亮显示
				$(".num li:first").addClass("on");
				//当鼠标移动到li元素上时，当前li元素高亮显示
				$(".num li").mouseover(function() {
					//获取当前鼠标放入的li元素所在的索引位置
					index = $(".num li").index($(this));
					//执行滚动方法，传index进来就是当用户滑到第几张的时候就显示第几张
					showImg(index);
				});
				//当鼠标放入图片上时，停止滚动（清除定时器），鼠标离开，开始滚动（启动定时器）
				$(".ad").hover(function() {
					//清除定时器
					clearInterval(timeId);
				}, function() {
					//启动定时器
					timeId = setInterval(function() {
						index++;
						if(index == 5) {
							index = 0;
						}
						showImg(index);
					}, 2000);
				}).trigger("mouseout");

				function showImg(index) {
					//获取图片滚动高度
					var height = $(".ad").height();
					//根据当前索引使图片移动到对应的距离高度
					$(".slider").animate({
						top: -index * height
					}, 1000);
					$(".num li").eq(index).addClass("on").siblings().removeClass("on");
				};

				//导航菜单收起
				//		$(".module_up_d