-
box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; 不同瀏覽器的外發光查看全部
-
list[i].i=i 就是定義一個 i 但是這個 i 屬于list[i] 僅有，然后將當前for循環中 i 的值 賦值給list[i].i ; 換一種寫法 list[i].a=i ,就是 定義一個 a ，然后將 for循環中 i 的值 賦值給 a ，最后將 a 變成 list[i] 的屬性；查看全部
-
<dl> <dt>計算機</dt> <dd>用來計算的儀器......</dd> <dt>定義列表中的項目</dt> <dd>描述列表中的項目</dd> </dl>查看全部
-
1.QQ取色:qq截圖時按著ctrl就可以得到16進制顏色值 2.兼容性問題： Firefox: -moz- Chrome、Safari: -webkit- Opera: -o- IE: -ms- 3.設置邊框外發光效果： box-shadow: h-shadow(水平陰影的位置,必需) v-shadow(垂直陰影的位置,必需) blur(模糊距離,可選) spread(陰影的尺寸,可選) color(陰影的顏色,可選) inset(將外部陰影 (outset) 改為內部陰影,可選); box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; //firefox -webkit-box-shadow:0 0 8px #ddd; //google查看全部
-
用js給所有的li加onmouseover和onmouseout事件。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }查看全部
-
ooooo查看全部
-
dl標簽的使用 dd列表中的頭目 dt列表中的項目查看全部
-
細節優化及擴展（一） JS中，循環中的變量值都是最終的那個，所以使用lis[i].i=i; 如何解決內容過少或者過多的問題： 將左側一級菜單與懸浮層的底部進行高度對比： 首先獲取左側一級菜單所處的高度(一級菜單li的索引*每個高度為30+標題部分的高度)：h0=(this.i-1)*30+42; 獲取懸浮層的高度（當前活動DIV上部距離頂部的高度+本身DIV的高度）即：h=this.getElementsByTagName('div')[0].style.Top+this.getElementsByTagName('div')[0].offsetHeigth; 內容過少時：if(h<h0){this.getElementsByTagName('div')[0].style.top=h0+"px";} 內容過多時：if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top='3px';} <script type="text/javascript"> window.onload=function(){ var Lis=document.getElementsByTagName("li"); for(i=0;i<Lis.length;i++){ Lis[i].i=i; Lis[i].onmouseover=function(){ this.className="lihover"; var h0=(this.i-1)*30+42; var y=this.getElementsByTagName("div")[0].offsetHeight; var h=this.getElementsByTagName("div")[0].style.top+y; if(h<h0){this.getElementsByTagName("div")[0].style.top=h0+"px";} if(y>550){this.getElementsByTagName("div")[0].style.top="3px";}} Lis[i].onmouseout=function(){this.className="";}}} </script>查看全部
-
用js給所有的li加onmouseover和onmouseout事件。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }查看全部
-
懸浮層制作 純CSS實現京東導航效果 <dl> <dt>計算機</dt> <dd>用來計算的儀器......</dd> <dt>定義列表中的項目</dt> <dd>描述列表中的項目</dd> </dl> 導航分級菜單推薦用dl標簽實現 css局限性要比js多，推薦js 利用a標簽的“border”屬性來制作“”分隔線效果 z-index屬性巧妙實現遮擋效果 CSS中的hover選擇器在IE6中可能會失效，在IE6下只有a才支持:hover偽類，其它標簽都不支持，為了兼容IE6可以加補丁css/csshover.htc，在body選擇器中添加代碼：body{behavior:url(css/csshover.htc);}，csshover.htc文件可以在網上下載 它利用javascript腳本來給元素的樣式定義，如果檢測到hover定義，就給元素設置onmouseover和onmouseout事件，以此來實現hover的效果。 overflow:hidden去除浮動: 當一個盒子設置overflow:hidden，而盒子內的所有元素都設置為浮動，此盒子不會因為所有元素的浮動而坍塌: 1.如果此盒子設置了寬高值，那么無論盒子內元素的寬高為多少，盒子的寬高值都是我們設定的值； 2.如果此盒子沒有設置寬高值，那么盒子內元素將撐開此盒子(盒子將不會因為元素的浮動而坍塌)。查看全部
-
1.QQ取色:qq截圖時按著ctrl就可以得到16進制顏色值 2.兼容性問題： Firefox: -moz- Chrome、Safari: -webkit- Opera: -o- IE: -ms- 3.設置邊框外發光效果： box-shadow: h-shadow(水平陰影的位置,必需) v-shadow(垂直陰影的位置,必需) blur(模糊距離,可選) spread(陰影的尺寸,可選) color(陰影的顏色,可選) inset(將外部陰影 (outset) 改為內部陰影,可選); box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; //firefox -webkit-box-shadow:0 0 8px #ddd; //google查看全部
-
設置1.png為背景，靠右，且不重復 background-image: url(1.png); background-repeat: no-repeat; background-position: right; 設置背景為空 background-image: none;查看全部
-
PX：像素Pixels PT：點Points pt是絕對長度單位 px是相對長度單位查看全部
-
用a標簽對搜索引擎不友好查看全部
-
商城類網站導航菜單制作 門戶類網站特點：導航在上方平鋪展示，一般沒有二級菜單 商城類網站特點：采取豎向列表，橫向伸縮的導航形式，把數量巨大的類別集中在很小的區域查看全部
舉報
0/150
提交
取消