.mask{
	height:?100%;
	width:?100%;
	background:?#000;
	position:?absolute;
	top:?0;
	left:?0;
	opacity:?0.5;/*火狐、谷歌*/
	filter:?alpha(opacity=50);/*ie*/
	display:?none;
}
.searchTip{
	width:?1220px;
	height:?800px;
	position:?absolute;
	top:?0;
	left:?50%;
	margin-left:?-580px;
	display:?none;
}
.searchTip?div{
	position:?absolute;
	display:?none;
}
.searchTip?div?a{
	position:?absolute;
	/*隱藏文字*/
	text-indent:?-999px;
	overflow:?hidden;
	cursor:?pointer;
}
.searchTip?div?span{
	position:?absolute;
	text-indent:?-999px;
	overflow:?hidden;
	cursor:?pointer;
	height:?30px;
	width:?30px;
}
.stepA{
	width:?800px;
	height:?518px;
	background:?url(image/stepA_1.png)?no-repeat;
	left:?16px;
	top:?109px;
}
.stepA?a{
	top:?150px;
	left:?470px;
	width:?80px;
	height:?65px;
}?
.stepA?span{
	left:?95px;
	top:?88px;
}
.stepB{
	width:?800px;
	height:?352px;
	background:?url(image/stepB_1.png);
	top:?275px;
	left:?5px;
}
.stepB?a{
	top:?110px;
	left:?590px;
	width:?100px;
	height:?65px;
}
.stepB?span{
	left:?320px;
	top:?66px;
}
.stepC{
	width:?800px;
	height:?321px;
	background:?url(image/stepC_1.png);
	top:?315px;
	left:?0;
}
.stepC?a{
	top:?180px;
	left:?500px;
	width:?70px;
	height:?50px;
}
.stepC?span{
	top:?148px;
	left:?298px;
}
.stepD{
	width:?800px;
	height:?540px;
	background:?url(image/stepD_1.png);
	top:?156px;
	left:?5px;
}
.stepD?a{
	top:?320px;
	left:?600px;
	width:?105px;
	height:?60px;
}
.stepD?span{
	top:?253px;
	left:?262px;
}
.stepE{
	width:?800px;
	height:?488px;
	background:?url(image/stepE_1.png);
	top:?157px;
	left:?418px;
}
.stepE?a{
	top:?275px;
	left:?440px;
	width:?100px;
	height:?60px;
}
.stepE?span{
	left:?94px;
	top:?200px;
}

	<script>
		window.onload=function(){
			var?oMask=document.getElementById('mask');
			var?oSearch=document.getElementById('searchTip');
			var?aStep=oSearch.getElementsByTagName('div');
			var?aA=oSearch.getElementsByTagName('a');
			var?aClose=oSearch.getElementsByTagName('span');
			//讀取cookie
			var?res=document.cookie.substring(5);
			alert(res);
			
			//如果沒有cookie，執行以下動作
			if(res!="www.open.com.cn"){
				alert(res);
				//mask?父框?第一單元顯示出來
				oMask.style.display=oSearch.style.display=aStep[0].style.display="block";
				for(var?i=0;?i<aStep.length;?i++){
					aA[i].index=i;//為每一個按鈕增加一個index屬性，為后面引用的
					aA[i].onclick=function(){
						this.parentNode.style.display="none";
						if(this.index?<?aStep.length-1){
							aStep[this.index+1].style.display="block";
						}
						else?if(this.index==aStep.length-1){
							oMask.style.display=oSearch.style.display="none";
						}
					}
				}
				//關閉按鈕
				for(var?i=0;?i<aClose.length;?i++){
					aClose[i].onclick=function(){
						oMask.style.display=oSearch.style.display="none";
					}
				}
				//添加cookie
				var?oDate=new?Date();
				oDate.setDate(oDate.getDate()+30);//30天后失效
				document.cookie="name=www.open.com.cn;expires="+oDate;
			}
	
			
			
}
	</script>