亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 商場分類導航: <title></title> <style type="text/css"> body { padding: 0; font-size: 10pt; behavior:url(css/csshover.htc); } .topmenu { display: block; width: 220px; border: 2px solid #e4393c; margin: 0; padding: 0; } .toptitle { height: 40px; line-height: 40px; text-align: left; font-size: 11pt; font-weight: bold; color: White; background: #e4393c; padding-left: 20px; } .topmenu li { height: 30px; line-height: 30px; font-size: 11pt; list-style-type: none; text-align: left; padding-left: 8px; z-index: 3; /* 任務一 */
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • 喵喵喵:獲得16進制 window(計算器)-程序員型-10進制(輸去數字)-16進制
    查看全部
  • qq截圖
    查看全部
  • 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); } 讓css的hover模式兼容萬惡的ie6,在body中加了behavior時,添加一個url,可以網上搜索csshover.htc,下載到本地就可以
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

  • Lis[i].i=i; Lis[i].onmouseover = function () { this.className = "lihover"; //添加鼠標移入class var h0=(i-1)*30+42; //42為全部商品分類高度,ho為一級菜單高度 var y=this.getElementsByTagName("div")[0].offsetHeight;//獲取懸浮框底邊距離頂端的高度 var h=this.getElementsByTagName("div")[0].style.top+y;//獲取懸浮框上邊高度+y,等于懸浮框總高度 if(h<h0) //當懸浮層高度小于一級菜單高度, {this.getElementsByTagName("div")[0].style.top=h0+"px";} if(y>550){ this.getElementsByTagName("div")[0].style.top="3px"; } }
    查看全部
  • 1、如何解決二級菜單內容過少導致和一級菜單分開的問題 內容過少時:將左側一級菜單的頂部與懸浮層的底部進行高度對比; 首先獲取左側一級菜單所處的高度(一級菜單li的索引*每個高度為30+標題部分的高度):h0=(this.i-1)*30+42;/*在顯示的height=30px時,this.i-1是正確的。在height=60px時就有偏差*/ 其次獲取懸浮層的高度(當前活動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';} 2、如何解決二級菜單內容過多導致在當前窗口顯示不全的問題 內容過多時:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550) 550是瀏覽器窗口除去瀏覽器的標簽欄、地址欄、收藏欄等的大概可用高度 將二級菜單top屬性設置小一些 {this.getElementsByTagName('div')[0].style.top='3px'} 注意:height是像素值,offsetHeight是數字值。所以用offsetHeight。 如果在for循環下直接使用i是不會產生閉包的。 由于是在function()函數體中使用i所以產生了閉包,這個函數里面根本沒有i這個變量,所以函數會從父級函數中去找i,當找到這個i的時候,for循環已經循環完畢了,所以最終會返回i的最后一個值; 要獲取正確的i值,可以將i值綁定在調用函數的對象上,然后在函數內部使用this.i來獲取。
    查看全部
  • box-shadow:0 0 8px #DDD;/*發光效果 參數:水平位移(正數向右,負數向左),垂直位移(正數向上,負數向下),陰影寬度,顏色*/ -moz-box-shadow:0 0 8px #DDD;/*firefox發光效果*/ -webkit-box-shadow:0 0 8px #DDD;/*chrome發光效果*/
    查看全部
    0 采集 收起 來源:編程練習

    2017-08-27

  • 圖片浮動
    查看全部
    0 采集 收起 來源:編程練習

    2017-08-27

  • 圖片在右下角且浮動出界面
    查看全部
    0 采集 收起 來源:編程練習

    2017-08-27

  • 導航添加鼠標移開效果
    查看全部
    0 采集 收起 來源:編程練習

    2017-08-27

  • 為懸浮層中的明細菜單A標簽間插入分隔豎線
    查看全部
    0 采集 收起 來源:編程練習

    2017-08-27

  • 當鼠標移動到大類菜單時,顯示外外光的邊框,右側無邊框
    查看全部
    0 采集 收起 來源:編程練習

    2017-08-27

  • 背景圖片
    查看全部
    0 采集 收起 來源:編程練習

    2017-08-27

  • csshover.htc
    查看全部
    0 采集 收起 來源:懸浮層制作

    2017-08-21

  • QQ,按crtl+alt+A截圖,再按ctrl可以看到16進制顏色
    查看全部

舉報

0/150
提交
取消
課程須知
如果您已經掌握了HTML/CSS、JavaScript的基礎知識,但又缺乏實踐經驗或者對案例有興趣,那么就開啟課程的學習吧!
老師告訴你能學到什么?
讓您學會開始編程前如何進行分析,讓編寫代碼變的事半功倍;如何運用JavaScipt和CSS制作導航的兩種方法,CSS的兼容性問題及修復方法,讓您將掌握的基礎知識進行綜合應用。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!