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

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

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • z-index 屬性巧妙實現遮擋效果
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-06-19

  • 1.ul是無序列表,也就是說沒有排列限制可以隨意加li; <ul> <li>可以隨意放置</li> <li>可以隨意放置</li> <li>可以隨意放置</li> </ul> .可以隨意放置 .可以隨意放置 .可以隨意放置 2.ol就序列表,會按照你寫的li前后依次排列; <ol> <li>我是第一</li> <li>我是第二</li> <li>我是第三</li> </ol> 1.我是第一 2.我是第二 3.我是第三 3.dl是定義列表,會默認前后層級關系; <dl> <dt>我是頭</dt> <dd>我是內容</dd> <dd>我是內容</dd> </dl> 我是頭 --我是內容 --我是內容
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

  • 邊框發光效果是由 邊框顏色 加上陰影效果顏色,合在一起實現的。 border:2px solid #DDD; box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD; -o-box-shadow:0 0 8px #DDD;
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-19

  • box-shadow:0 0 8px #DDD; 參數1:陰影向右距離(負數為反方向) 參數2:陰影向下距離(負數為反方向) 參數3:陰影模糊度 參數4:陰影顏色
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-19

  • z-index的疑惑解決: 此css屬性需要在設置position定位除了(static)外才能使用。 但是父級元素出現realitive相對定位時,子級的z-index受限制,除了父級元素內容可以比較,而父級外部其他元素也設置了z-index的話,外部元素會與其父級比較層級。要解決此問題需要將父級元素設置成absolute絕對定位。
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-06-16

  • 1. 這個css 寫法蠻特別的 參考一下: .topmenu li :hover .submenu {} 如此一來你就可以控制 topmenu類 底下的Li 偽選擇器是hover時 submenu類的樣式了 2. 空標籤使用,加個白色背景,把多餘的給蓋住 3. 用 box-shadow:0 0 8px #ddd;設置邊框發光效果, -moz-box-shadow:0 0 8px #ddd;/*firefox*/ -webkit-box-shadow:0 0 8px #ddd;/*google*/
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-06-16

  • 用到了三個css的屬性 background-image: background-repeat background-position
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-16

  • 如何解決內容過少或者過多的問題:<br> 1、內容過少時:將左側一級菜單與懸浮層的底部進行高度對比;<br> 首先獲取左側一級菜單所處的高度(一級菜單li的索引*每個高度為30+標題部分的高度):h0=[this.i-1]*30+42;<br> 2.獲取懸浮層的高度(當前活動DIV上部距離頂部的高度+本身DIV的高度)即:h=this.getElementsByTagName('div')[0].offsetTop+this.getElementsByTagName('div')[0].offsetHeigth;<br> 判斷語句:if(h<h0){this.getElementsByTagName('div').style.top=h0;}<br> 內容過多時:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top=0+3+'px'} 使用閉包的注意點 1)由于閉包會使得函數中的變量都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變量全部刪除。 2)閉包會在父函數外部,改變父函數內部變量的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變量當作它的私有屬性(private value),這時一定要小心,不要隨便 改變父函數內部變量的值。
    查看全部
  • .topmenu li:hover span { background: #FFF; display: inline-block; z-index: 20; width: 30px; height: 30px; float: right; position: relative; right: -2px; background-color: #FFF; }
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-13

  • 分類菜單結構
    查看全部
  • hover選擇器補丁
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-06-11

  • <dt>用來創建列表中的上層項目(定義),<dd>用來創建列表中最下層項目(描述),<dt>和<dd>都必須放在<dl>< /dl>標志對之間。 <dl> <dt>我們在做列表標題</dt> <dd>我們在做列表</dd>
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • 老師說:之前的課程里提到使用QQ取色得到的是10進制值,需要用科學型計算器進行計算才得到16進制。其實不用這么麻煩,只要在使用QQ取顏色時按住ctrl,就可以直接看到16進制的值 FSCapture: 很小的一款截圖軟件,各種花式截圖,能動態顯示像素大小,推薦試一下
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-07

  • .topmenu li:hover { background-image:none; /* 任務二 */ }
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-07

  • background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); background-repeat:no-repeat; background-position:right;
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-07

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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