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

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

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • <dl>標簽
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

  • dt和dd
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-07-22

  • 在li的hover上來做定義,.topmenu下面的li,鼠標移動到上面的時候,改變submenu的樣式
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-07-21

  • box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD;
    查看全部
    0 采集 收起 來源:編程練習

    2016-07-21

  • 函數的閉包, 函數里面拿不到函數外的變量,可以通過賦值給this或者新變量的方式讓函數里面能訪問,尤其是循環綁定事件時 去this的索引,可以講索引賦值給函數調用者
    查看全部
  • 通過給<a>設置邊框和padding來實現內容的分割線
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

  • 京東分類導航分析
    查看全部
  • 圖片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; )
    查看全部
  • 細節優化及擴展(一) 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';}
    查看全部
  • overflow:hidden去除浮動: 當一個盒子設置overflow:hidden,而盒子內的所有元素都設置為浮動,此盒子不會因為所有元素的浮動而坍塌: 1.如果此盒子設置了寬高值,那么無論盒子內元素的寬高為多少,盒子的寬高值都是我們設定的值; 2.如果此盒子沒有設置寬高值,那么盒子內元素將撐開此盒子(盒子將不會因為元素的浮動而坍塌).
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-07-10

  • 在ie6 下只有a 才支持:hover 偽類,其它標簽都不支持,現在可以通過 csshover.htc 可以解決 ie6 的 hover 兼容問題。 它利用 javascript 腳本來給元素的的樣式定義,如果檢測到 hover 定義,就給元素設置 onmouseover 和 onmouseout 事件,以此來實現 hover 的效果。 <dl>標簽在列表中的應用 <dt>定義列表分類 <dd>定義列表項目利用a元素制作豎線“ ▏” display:block;float:left;border-left:1px solid grey;height:14px;line-height:14px;padding:0px 5px;
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

  • 有時我們還需要依靠z-index來設定容器的上下關系,數值越大越在最上面,數值范圍是自然數。當然有一點要注意,父子關系是無法用z-index來設定上下關系的,一定是子級在上父級在下。
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-07-10

  • 商城類網站導航菜單制作 門戶類網站特點:導航在上方平鋪展示,一般沒有二級菜單 商城類網站特點:采取豎向列表,橫向伸縮的導航形式,把數量巨大的類別集中在很小的區域
    查看全部
    0 采集 收起 來源:課程介紹

    2016-07-10

  • hover 標簽不僅可以使用在a標簽,其他的標簽亦可以,IE6不支持; box-shadow: 0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; IE6兼容CSS樣式補丁文件 body{ behavior:url(css/csshover:htc); }
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-07-07

  • <dl> <dt>定義列表中的項目</dt> <dd>描述列表中的項目</dd> </dl>
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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