-
html结构查看全部
-
兼容:浏览器:opacity:50%,IE:filter:alpha{opacity=50} 避免兼容性问题: html{height100%} body{height:100%} 因为mask是height:100%;使得mask能够撑开。查看全部
-
display:none 隐藏查看全部
-
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"; } } } //关闭按钮 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; }}
查看全部 -
position:absolute
margin-left:-490px
text-indent:-999px
cursor;pointer
查看全部 -
filter:alpha(opacity=50)查看全部
-
//cookie var res=document.cookie.substring(5); //如果没有cookie,执行以下动作 if(res!="name=www.open.com.cn"){ //mask //添加cookie }查看全部
-
添加cookie var oDate=new Date(); oDate.setDate(oDate.getDate()+30); document.cookie="name=www.open.com.cn;expires="+oDate; 读取cookie var res=document.cookie.substring(5); 如果没有cookie,执行以下动作 if(res!="www.open.com.cn"){ 动作内容 }查看全部
-
判断cookie中是否有数据 !getCookie('arrial')或者!getCookie("arrial");查看全部
-
<!DOCTYPE html> <html><head> <meta charset="utf-8" /> <title>cookie应用</title> <style> #div1{width:200px; height:200px; background:#CCC; display:none;} </style> <script> //设置cookie function setCookie(name, value, iDay){ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate; } //!getCookie("arrial") 读取cookie function getCookie(name){ var arr=document.cookie.split(';'); //定义数组 var re=new RegExp('\\b'+name+'=\\w+'); //定义正则 var res=document.cookie.match(re); //匹配所选字段 if(res){ return res[0].split('=')[1]; //匹配成功,返回结果 } else{ return ''; //否则返回空 } } //删除cookie function removeCookie(name){setCookie(name, '1', -1) } //利用setCookie函数,将时间设置为-1,达到删除效果(默认没有删除方法) window.onload=function () { var oDiv=document.getElementById('div1'); if(?) { oDiv.style.display='block'; setCookie('arrial', '1', 30); //向cookie中添加'arrial', '1', 30 } }; </script> </head> <body> <div id="div1">没有cookie信息</div> </body> </html>查看全部
-
Firefox 支持本地,cookie的写操作! 牛!查看全部
-
http://www.xgqfrms.xyz/HTML5-Animaitions/ABC/images/bg.png <style> /*SCSS*/ *{ margin: 0; padding: 0; } body{ background: url(./images/bg.png) center top no-repeat; /* === background: url(./images/bg.png) top no-repeat; link: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */ width: 100%; height: 100%; } </style>查看全部
-
opacity:0.5;是给火狐个谷歌浏览器用 filter:alpha(opacity=50);display:none兼容ie浏览器查看全部
-
<html>和<body>也需要设置成100%查看全部
-
html结构查看全部
举报
0/150
提交
取消