-
閉包，for循環每次i的變化都改變了h0的值，但是for循環結束,i是最后那個i=lis.length-1的位置，所以h0永遠都是最下面那個高度，需要給每個位置都定義一個i，這樣就能保存i的值。最后那個，如果y的值超過用戶可視的高度550px,就把懸浮層往上移查看全部
-
box-shadow:【偏移方式】 X軸偏移量 （必選） Y軸偏移量（必選） 【陰影模糊半徑（必選為正值）】 【陰影擴展半徑（可正可負）】 【顏色】 老師說：之前的課程里提到使用QQ取色得到的是10進制值，需要用科學型計算器進行計算才得到16進制。其實不用這么麻煩，只要在使用QQ取顏色時按住ctrl，就可以直接看到16進制的值。查看全部
-
原來QQ截圖這么屌！??！按ctrl直接看16進制666 推薦一個神奇：faststone capture 從chrome web store 安裝: ColorZilla 擴展。選取瀏覽器窗口里的任意部位的顏色，實時顯示rgb 和16進制顏色。 whatfont 擴展，實時抓窗口內文字的字體查看全部
-
<img class="rightPic" src="http://img1.sycdn.imooc.com//541120c80001aae401970164.jpg"/> .rightPic { /*設置rightPic樣式 */ position:relative; right:-35px; bottom:-20px; }查看全部
-
之前學到某一塊要加背景圖片時，不需要加，CSS3一行代碼就可以處理。后面找到了回來看。查看全部
-
優化“導航”代碼 1、當懸浮層div的高度過?。╠iv.bottom<li.top）時，將div向下挪： divBottom = div.top + div.offsetHeight; if(divBottom < liTop) div.top = liTop; 2、當div高度過大（div.height>window.height）時，將div向上挪： winHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; if(winHeight < div.offsetHeight) div.top = 0; 3、添加div中的圖片溢出效果（給div中的img標簽設置樣式）： position:relative; bottom: -30px; right: -30px; 4、給li下添加“推薦導航項”： 給li中再加一個隱藏的div存放“推薦項”，在li:hover的時候顯示，同時增加li的高度。 5、鼠標移入時應使用mouseenter事件，以防鼠標在li上移動時重復觸發mouseover事件。 該案例應使用mouseover+mouseout或mouseenter+mouseleave，以防鼠標移動時二級菜單消失。查看全部
-
JS動態添加、刪除懸浮層： 1、將li:hover偽類改為類li-hover； 2、鼠標移入時添加并設置懸浮層：onmouseover{li.className="li-hover";}； 3、鼠標移走時刪除懸浮層：onmouseout{li.className="";}；【此處li沒有其他類，因此可以直接重置為空】查看全部
-
純CSS實現導航菜單 > 一級菜單設置注意點 1、li默認背景：background: url(xxx) #f8f8f8 no-repeat right; 2、li:hover去除背景：background: none; 3、li:hover邊框陰影：border: ...; border-right-width: 0; box-shadow: 0 0 8px #ddd; 4、a:link默認無修飾：text-decoration: none; > 二級菜單（浮動層）設置注意點 1、用dl、dt和dd來實現二級菜單布局 2、用空白的span蓋住一級菜單項與浮動層間的豎線 3、z-index需要用在定位元素（非static）上，而float可能會使z-index設置失效 4、菜單項垂直居中對齊：height == line-height 可使自身垂直居中；再給dd設置margin，將上下邊距平分，即可使dt和dd第一行菜單項水平居中對齊。查看全部
-
1、用QQ截圖，不僅可以知道所截區域的像素大小（width和height），還能知道光標所在位置的顏色值（默認為RGB格式，按住ctrl變為16進制格式）。 2、使用z-index設置元素的堆疊順序，但是只能對非static定位的定位元素起效。查看全部
-
box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; 三大主流瀏覽器內核，關于陰影兼容查看全部
-
dl標簽查看全部
-
.rightPic{ position:relative; right:-35px; bottom:-20px; } 使用相對定位能使圖片產生溢出效果，圖片使用的是PNG，因為其圖片背景是透明的查看全部
-
var h0=(i-1)*30+42; var y=this.getElementsByTagName("div")[0].offsetHeight; var h=this.getElementsByTagName("div")[0].style.top; if(h<h0) {this.getElementByTagName("div")[0].style.top=h0+"px";} if(y>550){this.getElementByTagName("div")[0].style.top="3px";} }查看全部
-
定義一個樣式，用for循環找到里Li元素，然后添加onmouseover和onmouseout事件，代碼如下： window.onload=function(){ var lis=document.getElementsByTagName("li"); var len=lis.length; for(var i=0;i<len;i++) { lis[i].onmouseover=function(){this.className="lihover"} lis[i].onmouseout=function(){this.className=""} } }查看全部
-
dl dt 定義列表 dd 描述列表 IE6下只有a才支持hover偽類，其他的標簽都不支持hover 兼容IE6的hover behavior:url(css/csshover.htc)查看全部
舉報
0/150
提交
取消