-
商城類網站導航菜單制作 門戶類網站特點：導航在上方平鋪展示，一般沒有二級菜單 商城類網站特點：采取豎向列表，橫向伸縮的導航形式，把數量巨大的類別集中在很小的區域查看全部
-
border-bottom:1px solid #EEE查看全部
-
圖片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; ) 使用相對定位能使圖片產生溢出效果，圖片使用png的，因為其圖片背景透明查看全部
-
HTML用a標簽對搜索引擎不友好查看全部
-
relative是相對自身定位，absolute相對于父級元素中第一個有relative屬性的元素定位（如果都沒有，相對于body定位）。請理解這兩種的區別 商城導航最終版：查看全部
-
圖片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; ) 使用相對定位能使圖片產生溢出效果，圖片使用png的，因為其圖片背景透明查看全部
-
1、如何解決二級菜單內容過少導致和一級菜單分開的問題 內容過少時：將左側一級菜單的頂部與懸浮層的底部進行高度對比； 首先獲取左側一級菜單所處的高度(一級菜單li的索引*每個高度為30+標題部分的高度)：h0=[this.i]*30+42； 其次獲取懸浮層的高度（當前活動DIV上部距離頂部的高度+本身DIV的高度）即：h=this.getElementsByTagName('div')[0].offsetTop+this.getElementsByTagName('div')[0].offsetHeigth; 判斷語句：if(h<h0){this.getElementsByTagName('div').style.top=h0;} 2、如何解決二級菜單內容過多導致在當前窗口顯示不全的問題 內容過多時：if(this.getElementsByTagNmae('div')[0].offsetHeigth>550) 550是瀏覽器窗口除去瀏覽器的標簽欄、地址欄、收藏欄等的大概可用高度 將二級菜單top屬性設置小一些 {this.getElementsByTagName('div')[0].style.top=0+3+'px'} 注意：height是像素值，offsetHeight是數字值。所以用offsetHeight。 如果在for循環下直接使用i是不會產生閉包的。 由于是在function()函數體中使用i所以產生了閉包，這個函數里面根本沒有i這個變量，所以函數會從父級函數中去找i，當找到這個i的時候，for循環已經循環完畢了，所以最終會返回i的最后一個值； 要獲取正確的i值，可以將i值綁定在調用函數的對象上，然后在函數內部使用this.i來獲取。查看全部
-
商城導航菜單4查看全部
-
定義一個樣式lihover，然后for循環找到所有li元素添加鼠標移入事件將li元素的className賦值為lihover，這樣lihover樣式及其子樣式都起作用了，鼠標移出事件將li元素的className賦值為空，則lihover樣式及其子樣式都不起作用了。查看全部
-
商城導航菜單3查看全部
-
1、<dl>標記定義了一個定義列表，定義列表中的條目是通過使用<dt>標記(“definition title”，定義標題)和<dd>標記(“definition description”，定義描述)創建的。<dt>給出了術語名，<dd>標記給出了術語的定義。 也就是說<dt>用來創建列表中的上層項目，<dd>用來創建列表中最下層項目，<dt>和<dd>都必須放在<dl>< /dl>標志對之間。 2、利用<a>標簽的“border”屬性來制作分隔豎線效果 3、IE6 兼容 :hover 屬性 body{ behavior:url(css/csshover.htc); }查看全部
-
商城導航分類2查看全部
-
1、依靠z-index來設定容器的上下關系，數值越大越在最上面，數值范圍是自然數。 注意：父子關系是無法用z-index來設定上下關系的，一定是子級在上父級在下。 2、.父元素:hover .子元素{ 含義就是，父元素hover時，對子元素的CSS樣式設置 } 3、-moz-, -webkit-, -o-這些都是瀏覽器前綴，常用前綴和瀏覽器的對應關系如下： Firefox: -moz- Chrome, Safari: -webkit- Opera: -o- IE: -ms- 4、relative的有兩個屬性①是以自身為參照基準進行定位，也就是相對于<自身原有位置>進行偏移 。并不是相對于其他元素進行定位，這個要理解好。②一旦設置了relative，那么隨即就會產生z-index屬性，就是空間層堆疊，由于二級菜單的包裹層的z-index默認是小于10的，那么span標簽設置了z-index：10 那么就是從頂層往下面遮蓋住了二級菜單border。就是這個原理，理解清楚relative的兩個屬性是關鍵！ 5、inline-block的元素特點：將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內，允許空格。(準確地說，應用此特性的元素呈現為內聯對象，周圍元素保持在同一行，但可以設置寬度和高度地塊元素的屬性)查看全部
-
商城分類導航1查看全部
-
基本結構查看全部
舉報
0/150
提交
取消