-
text-indent文本縮進。overflow:hidden 超過隱藏查看全部
-
蒙版更好顯示 html{height:100%} body{height:100%} 解決兼容問題 opacity:0.5 谷歌、火狐 filter:alpha(opacity=50) IE查看全部
-
上接5-1//關閉按鈕 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); document.cookie="name=www.open.com.cn;expires="+oDate; } }查看全部
-
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("當前cookies="+"("+res+")"); //判斷是否來過 if(res!="www.open.com.cn"){ alert("沒有登錄過"); 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"; //aStep[this.index+1].style.display="block"; if(this.index<aStep.length-1){//如上，如果不加這個判斷，到了最后一個會報錯 aStep[this.index+1].style.display="block"; } else if(this.index==aStep.length-1){//如果到了最后一個，結束整個操作 oMask.style.display="none"; this.style.display=oSearch.style.display="none"; } } }查看全部
-
網(wǎng)頁蒙版設置： *{margin:0;padding:0;} html{height:100%;} body{height:100%;} #mask{height:100%;width:100%;position:absolute;top:0;left:0;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none;} 透明度：opacity:0.5; 兼容IE瀏覽器的透明度：filter:alpha(opacity=50);查看全部
-
新手引導效果的html結構： <div id="mask"></div>(黑色蒙版) <div id="searchTip">(引導區(qū)) <div class="stepA"><a>下一步</a><span title="關閉">關閉</span></div> <div class="stepB"><a>下一步</a><span title="關閉">關閉</span></div> <div class="stepC"><a>下一步</a><span title="關閉">關閉</span></div> <div class="stepD"><a>下一步</a><span title="關閉">關閉</span></div> <div class="stepE"><a>下一步</a></div> </div>查看全部
-
交互思路查看全部
-
text-indent和overflow:hidden去除標簽中的文字查看全部
-
效果思路查看全部
-
cookie功能document.cookie="name=www.open.com.cn; expires="+oDate; expires表示失效日期 var oDate=new Date(); oDate.setDate(oDate..getDAte(）+30);表示在當前日期+30天查看全部
-
filter：alpha(opacity= 50) ;表示IE的透明度查看全部
-
opacity是表示透明度的，這個是火狐，谷歌用的的，而filter是IE特有的。display表示隱藏起來。 HTML{height：100%} body{height：100%}都是用了解決兼容問題的查看全部
-
//讀取Cookie var res=document.cookie.substring(5); // if(res!="www.open.com.cn"){ alert(res); //下一步按鈕+關閉按鈕 //建立Cookie var oDate=new Date(); oDate.setDate(oDate.getDate()+30);//保存時間=現(xiàn)在時間+30 document.cookie="name=www.open.com.cn;expires="+oDate; //name任意取=值:expires保存時間 }查看全部
-
cookie查看全部
-
name =cookie值;expires=有效日期 oDate.setDate(oDate.getDate()+30);查看全部
舉報
0/150
提交
取消