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

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

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 商城導航代碼:
    查看全部
    0 采集 收起 來源:編程練習

    2017-01-05

  • 二級菜單內容過少導致和一級菜單分開的問題: 左側對應一級菜單的頂部和懸浮的底部進行高度對比步驟如下: 先獲取一級菜單所處的高度賦值給一個變量 其次獲取懸浮層的高度利用判斷語句if來進行選擇 解決二級菜單內容過多導致顯示不全的問題: 先判斷二級菜單的高度是否大于可用高度大于則將二級菜單的top設置的小一點
    查看全部
  • 別忘記lis【i】.i = i;
    查看全部
    0 采集 收起 來源:編程練習

    2017-01-05

  • 這節代碼有意思。css樣式表 在.leftdiv dl dt 加上padding-top:5px;可以實現對齊
    查看全部
    0 采集 收起 來源:編程練習

    2017-01-05

  • 鼠標移上時有外發光,且有邊框,右側無邊框,無背景圖 border: 1px solid #DDD; /*邊框*/ border-right: 0; box-shadow:0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; background-image:none;
    查看全部
    0 采集 收起 來源:編程練習

    2017-01-03

  • 2.當鼠標移到大類時,設置背景為空。 設置hover 時背景為空。
    查看全部
    0 采集 收起 來源:編程練習

    2017-01-03

  • ,
    查看全部
    0 采集 收起 來源:編程練習

    2017-01-03

  • box-shadow:0 0 8px #666
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-12-28

  • 鼠標移上時有外發光,且有邊框,右側無邊框,無背景圖 border: 1px solid #DDD; /*邊框*/ border-right: 0; box-shadow:0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; background-image:none;
    查看全部
    0 采集 收起 來源:編程練習

    2016-12-27

  • dl dt 定義列表中的項目,大家電 dd 描述列表中的項目,平板、空調、冰箱等
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-12-27

  • dl dt 定義列表中的項目,大家電 dd 描述列表中的項目,平板、空調、冰箱等
    查看全部
    1 采集 收起 來源:懸浮層制作

    2016-12-26

  • 懸浮層平時隱身看不到,鼠標劃入出現 .submenu{display:none;width:715px;left:220px;top:40px;position:absolute;border:1px solid #ddd;z-indx:4;backgroud:white;box-shadow:0 0 8px #ddd;(平時的懸浮層)} .topmenu li:hover .submenu{display:blcok;(鼠標懸停時的懸浮層)} 懸浮層出現后,大類目右邊框線無,新加一個span標簽,.topmenu li hover span{ background:white;dispaly:inline-block,z-index:20;widhth:20px;height:30px;float:right;position:relative;}
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-12-26

  • 鼠標移入,外右邊框沒有, .topmenu li:hover{border:1px solid #ddd;border-rigt:0; box-shadow:0 0 8px #ddd;moz-box-shadow(firebox):0 0 8px #ddd;-webkit-box-shadow(google):0 0 8px #ddd;background-image:none;}
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-12-26

  • text-decoration:underline; font-weight:bold; color:#e4393c; border:1px solid #ddd; border-right:0; box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd;
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-12-26

  • background-image:url(1.png); background-repeat:no-repeat; background-position:right;
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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