-
alpha：一個灰度通道，通常用來表示不透明度。
opacity:不透明性。
解析：IE８以下瀏覽器都不支持 opacity css樣式，可以使用IE自帶的“濾鏡”來實現，如下代碼：
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
上面代碼的作用設置為 70% 的透明。查看全部 -
一個div塊級元素沒有主動為其設置寬度和高度，瀏覽器會為其分配可使用的最大寬度(比如全屏寬度)，但是不負責分配高度，塊級元素的高度是由子元素堆砌撐起來的。那么，html和body標簽的高度也都是由子級元素堆砌撐起來的。
還有，元素高度百分比需要向上遍歷父標簽要找到一個定值高度才能起作用，如果中途有個height為auto或是沒有設置height屬性，則高度百分比不起作用，此時的情況是父元素高度依賴子元素堆砌撐高，而子元素依賴父元素的定高起作用，互相依賴，卻都無法依賴，死循環了。
那如何解決這個問題呢，可以讓子元素先定高，這樣是可以解決；但是如果子元素一定要依賴父元素高度呢？
上面的html代碼可以看出，div的父元素是body，body的父元素是html，通過height:100%層層向上，找到頂級獲取定高。
所以出現了html和body同時設置height:100%，那html的上級是誰呢？
通過上面的事實知道，瀏覽器負責分配塊級元素寬度，那么瀏覽器也一定可以分配高度(只是沒有做)，那么瀏覽器本身是有寬度和高度的，設置html的height:100%，就可以獲取瀏覽器的定高了，后面的body和div也就有了依賴。
查看全部 -
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
查看全部 -
使用定位居中 position：absolution；絕對定位 left：50%;定位到頁面的一半 margin-left：-490px （980/2）； 左留白為負，即向左移動 本身的一半，使其居中查看全部
-
text-indent:-999px; overflow:hideen; var oDate = new Date(); oDate.setDate(oDate.getDate()+30); var res = document.cookie="name=myenem;exprise="+oDate; 還有經典的 aA[i]=i; for循環與 clik異步的問題查看全部
-
getElementsByTagName方法返回的是一個類數組的NodeList對象，能使用length屬性和數組下標取值。查看全部
-
帶有href的a標簽，如果綁定單擊事件，應該同時把href禁用。方法可以是修改href="javascript:void(0)";也可以是，在js點擊事件函數內部最底層寫上 return false；查看全部
-
html{height:100%} body{height:100%} 解決兼容性問題，使得內容可以撐開。查看全部
-
透明度設置： opacity:0.5; //火狐瀏覽器，谷歌瀏覽器 filter:alpha(opacity=50); //針對IE查看全部
-
整體思路： 1. 每個引導框及其中的小按鈕 采用絕對定位布局 2. 全部隱藏，只顯示第一個引導框和遮罩層 3. 點擊下一步，隱藏當前引導框，顯示同輩元素的下一個引導框 4. 當點擊到最后一個引導框時，完成引導，隱藏所有引導框和遮罩層 5. 其中點擊每個引導框的關閉按鈕，結束引導 ，隱藏引導框和遮罩層 6.js中cookie的設置：document.cookie="name=value;expries=time; path=xxx; domain=xxx ; secure ";查看全部
-
IE８以下瀏覽器都不支持 opacity css樣式，可以使用IE自帶的“濾鏡”來實現，如下代碼： filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 上面代碼的作用設置為 70% 的透明。查看全部
-
透明度設置： opacity:0.5; //火狐瀏覽器，谷歌瀏覽器 filter:alpha(opacity=50); //針對IE查看全部
-
透明度設置： opacity:0.5; //火狐瀏覽器，谷歌瀏覽器 filter:alpha(opacity=50); //針對IE查看全部
-
getElementsByTagName方法返回的是一個類數組的NodeList對象，能使用length屬性和數組下標取值。查看全部
-
IE８以下瀏覽器都不支持 opacity css樣式，可以使用IE自帶的“濾鏡”來實現，如下代碼： filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 上面代碼的作用設置為 70% 的透明。查看全部
-
js實現核心代碼部分查看全部
-
document.cookie="name1=value1;expires=期限";查看全部
舉報
0/150
提交
取消