聖誕快樂(1):<br>nav設定

二、nav區:滑入及按下情形

S4:nav滑入時,加小圖顯示

nav  .hoverimg{ width:200px; height:100px;
		position:absolute; right:0; top:80px; z-index: 999;
		box-shadow:-1px 1px 30px #fff; border:1px solid #fff; border-radius:5px;
		display:none; }
//nav
	//nav 滑入、按下
	$('nav div:eq(0)').css('opacity',1);
	$('.nav li a').after('<div class="after"></div>');
		var $li = $('.nav li').hover(
		function(){$(this).addClass('hover').siblings('.hover').removeClass('hover');
				  var hoverIndex = $(this).index();
				  var himgSrc = $('nav>div').eq(hoverIndex).find('img').attr('src');
				  $(this).prepend('<img src="'+himgSrc +'" alt="" class="hoverimg" />')
						 .children('img').slideDown();
	//			  $('.hoverimg').slideDown();
				  }
		,function(){$(this).removeClass('hover');
				   $(this).children().remove('img');
				   })
		.click(function(){
			$(this).addClass('on').siblings('.on').removeClass('on');
			$('nav>div').eq($(this).index()).animate({opacity:1},1000)
						.siblings('div').animate({opacity:0},500);
		});