                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /如何實現“新手引導”效果

老師，不加cookie的時候程序一切正常，加了cookie和判斷條件之后第一次條件正常運行，第二次的時候那個半透明背景就一直去不掉，找不到哪里出了錯誤，有幫我看下的嗎？謝謝

謝謝

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title>新手引導頁面</title>
<link?rel="stylesheet"?type="text/css"?href="css/style.css">


<style?type="text/css">
		html,p,div{?margin:?0;?padding:?0;}
	html{?height:?100%}
	body{?height:?100%;?background:?url(../images/body.png)?center?top?no-repeat;}
	#mask{?
		height:?100%;?
		width:?100%;?
		position:?absolute;?
		left:?0;?
		top:?0;
		background-color:?#000;
		opacity:?0.3;
		filter:alpha(opatity=30);}
	#seachTip{
		width:?980px;
		height:?800px;
		position:?absolute;
		left:?50%;
		top:?0;
		margin-left:?-490px;
		display:?none;?
	}
	#seachTip?div{?position:?absolute;?display:?none;}
	#seachTip?div?a{?
		width:?91px;
		height:?30px;
		position:?absolute;
		cursor:?pointer;
		opacity:?0;?}
	#seachTip?div?span{?
		width:?29px;
		height:?29px;
		line-height:?29px;
		position:?absolute;
		opacity:?0;
		cursor:?pointer;}

	#seachTip?.seachA{?
		background-image:?url(../images/guide11.png);
		width:?745px;
		height:?329px;
		left:?-8px;
		top:?130px;
		}
	.seachA?a{
		left:?493px;
		top:?232px;
	}
	.seachA?span{
		left:?684px;
		top:?144px;
	}
	#seachTip?.seachB{?
		background-image:?url(../images/guide21.png);
		width:?647px;
		height:?405px;
		left:?324px;
		top:?3px;
		}
	.seachB?a{
		left:?148px;
		top:?308px;
	}
	.seachB?span{
		left:?332px;
		top:?198px;
	}
	/*#seachTip?.seachC{?
		background-image:?url(../images/guide21.png);
		width:?647px;
		height:?405px;
		left:?324px;
		top:?3px;
		}
	.seachC?a{
		left:?148px;
		top:?308px;
	}
	.seachC?span{
		left:?332px;
		top:?198px;
	}*/
	#seachTip?.seachD{?
		background-image:?url(../images/guide31.png);
		width:?654px;
		height:?257px;
		left:?318px;
		top:?292px;
		}
	.seachD?a{
		left:?404px;
		top:?156px;
	}
	.seachD?span{
		left:?589px;
		top:?44px;
	}
	#seachTip?.seachE{?
		background-image:?url(../images/guide41.png);
		width:?558px;
		height:?348px;
		left:?163px;
		top:?79px;
		}
	.seachE?a{
		left:?308px;
		top:?247px;
	}
</style>
<!--?<script?type="text/javascript"?src="js/jquery-1.7.min.js"></script>?-->
<script?type="text/javascript">
	window.onload=function(){
		var?omask=document.getElementById("mask");
		var?oseachTip=document.getElementById("seachTip");
		var?oseach=oseachTip.getElementsByTagName("div");
		var?oA=oseachTip.getElementsByTagName("a");
		var?oclose=oseachTip.getElementsByTagName("span")?;
		
		//?讀取cookie
		var?reg=document.cookie.substring(5);
		alert(reg);

		if(reg!="www.open.com.cn"){
			//?mask??父框?及第一個引導塊顯示出來
			omask.style.display=oseachTip.style.display=oseach[0].style.display="block";

			//?下一步按鈕
			for(var?i=0;i<oseach.length;i++){
				oA[i].index=i;
				oA[i].onclick=function(){
					this.parentNode.style.display="none";
					if(this.index<oseach.length-1){
						oseach[this.index+1].style.display="block";
					}
					else?if(this.index==oseach.length-1){
						oMask.style.display="none";
						this.style.display=oSearch.style.display="none";
					}
				}
			}

			//?關閉按鈕
			for(var?i=0;i<oclose.length;i++){
				oclose[i].onclick=function(){
					omask.style.display=oseachTip.style.display="none";
				}?
			}

			/*?添加cookie;*/
			var?oDate=new?Date();//先new一個實例時間對象
			oDate.setDate(oDate.getDate()+30);//先得到這個失效時間，再強制給他設置成30天；
			document.cookie="name=www.open.com.cn;expires="+oDate;
????????}
	}
</script>
</head>
<body>
	<div?id="mask"></div>
	<div?id="seachTip">
		<div?class="seachA"><a>下一步</a><span?title="關閉">關閉</span></div>
		<div?class="seachB"><a>下一步</a><span?title="關閉">關閉</span></div>
		<!--?<div?class="seachC"><a>下一步</a><span?title="關閉">關閉</span></div>?-->
		<div?class="seachD"><a>下一步</a><span?title="關閉">關閉</span></div>
		<div?class="seachE"><a>開始體驗</a></div>
	</div>
</body>
</html>