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

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

商城分類導航效果

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

    2018-03-22

  • border:1px solid #ddd; border-right:none; box-shadow:0 0 8x #ddd; background-image:none;
    查看全部
    0 采集 收起 來源:編程練習

    2016-09-28

  • 極其討巧的一個方法:css里寫好樣式,只有添加了lihover這個樣式,那個lihover span的選擇器才會生效。不添加lihover這個類名,.lihover soan/.lihover .div 這些lihover下的style不會生效。
    查看全部
    0 采集 收起 來源:編程練習

    2016-09-28

  • 讓css的hover模式兼容萬惡的ie6,在body中加了behavior時,添加一個url,可以網上搜索csshover.htc,下載到本地就可以
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-09-27

  • .父元素.hover .子元素{ 含義就是,父元素hover時,子元素怎么樣 } 對應的額以前學過: input[type="radio"]:cheched .子元素 :當被選中的radio的子元素 再進化: input[type="radio"]:checked + 弟弟元素 :選擇被選中的單選框的下一個(弟弟)元素
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2018-03-22

  • 才發現qq截圖和計算機還有這用圖!厲害了我的哥!
    查看全部
  • dl dt dd
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-09-26

  • 如何解決內容過少或者過多的問題: 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;} 內容過多時:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top=0+3+'px'} 注意:height是像素值,offsetHeight是數字值。所以用offsetHeight。 函數的閉包, 函數里面拿不到函數外的變量,可以通過賦值給this或者新變量的方式讓函數里面能訪問,尤其是循環綁定事件時 去this的索引,可以講索引賦值給函數調用者
    查看全部
  • <dt>用來創建列表中的上層項目(定義),<dd>用來創建列表中最下層項目(描述),<dt>和<dd>都必須放在<dl>< /dl>標志對之間。 <dl> <dt>我們在做列表標題</dt> <dd>我們在做列表</dd>
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

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

    2016-09-24

  • 門戶類網站和商城類網站的不同:<br> 門戶類網站的導航都在最上方;<br> 商城類網站導航很詳細,基本都是豎向列表,橫向伸縮的模式,打開一級菜單,平鋪二級菜單
    查看全部
    0 采集 收起 來源:課程介紹

    2018-03-22

  • 圖片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; ) 使用相對定位能使圖片產生溢出效果,圖片使用png的,因為其圖片背景透明
    查看全部
  • 用到了JS的閉包 (1)lis[i].i 把第i各li增加個屬性“i”,把當前的i賦值給屬性“i” (2)在onmouseover 調用this.i,也就是當前li里面的屬性“i”的值 (3)onmouseover為外部函數,調用了li的屬性“i”,而屬性“i”在內部函數for循環里被定義賦值,這樣形成里JS閉包,所以屬性“i”不會被回收機制回收 如何解決懸浮層因內容太少而導致鼠標無法移入的問題。 解決思路:通過當前一級分類的底部距離頂部的高度h0和懸浮層底部距離頂部的高度h相比較,如h0>h則將懸浮層的位置往下移動至h0(一級菜單底部)處。 offsetHeight:獲取可視區域的高度(實際看得到的那個高度,不包括滾動條的高度)。
    查看全部
  • 元素的className設置成某個類名時,這個類名下的子類也都會作用于該元素。
    查看全部
    0 采集 收起 來源:編程練習

    2016-09-19

  • 當給li元素加上lihover類之后,submenu和span作為li的子元素也會套用對應的樣式,因此只需要給對應的一級菜單綁定lihover類,即可完成懸浮二級菜單的效果 用js給所有的li加mouseover和mouseout時間。 window.onload=function(){ var lis=document.getElementsbyTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ this.className="lihover"; } lis[i].onmouseout=function(){ this.className=""; } }
    查看全部
    1 采集 收起 來源:JS實現特效

    2018-03-22

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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