-
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"; } } }查看全部
-
网页蒙版设置： *{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">(引导区) <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);//保存時間=現在時間+30 document.cookie="name=www.open.com.cn;expires="+oDate; //name任意取=值:expires保存時間 }查看全部
-
cookie查看全部
-
name =cookie值;expires=有效日期 oDate.setDate(oDate.getDate()+30);查看全部
举报
0/150
提交
取消