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

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

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • .topmenu li:hover { background:none; border:1px solid #DDD; border-right:0; box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD; }
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-06-21

  • 真的好神奇耶??!background:url('http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg') no-repeat right;言簡意賅
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-21

  • 各種截圖方法都可以查看像素,顏色等信息的
    查看全部
  • @細節優化及擴展(二) Ps:hover:border-left 紅色加粗 + 圖片浮動超出邊框外 + 常用/推薦的名詞顯示在下方。 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關注我,加我慕課好友,互相學習,共同進步!】
    查看全部
  • @細節優化及擴展(一) Ps:JS中,循環中的變量值都是最終的那個。 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關注我,加我慕課好友,互相學習,共同進步!】
    查看全部
  • @JS實現hover效果 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關注我,加我慕課好友,互相學習,共同進步!】
    查看全部
    0 采集 收起 來源:JS實現特效

    2016-08-26

  • @IE6支持csshover樣式的補丁文件 Ps:css局限性要比js多,推薦js。 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關注我,加我慕課好友,互相學習,共同進步!】
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-08-26

  • @利用<a>標簽的“border”屬性來制作“”分隔線效果 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關注我,加我慕課好友,互相學習,共同進步!】
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

  • @dl、li、a 導航分級菜單推薦<dl>標簽實現。 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關注我,加我慕課好友,互相學習,共同進步!】
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

  • Ps1:QQ截圖功能:RGB+width+height。 計算器功能:RGB轉十六進制。 window下,1pt=0.75px。 Ps2:/*這種寫法學會掌握。//觸摸時.submenu樣式中的display:none;*/ .topmenu li:hover .submenu{ display:none; } Ps3:<span></span>空白塊來遮擋 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關注我,加我慕課好友,互相學習,共同進步!】
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2018-03-22

  • 圖片浮出界面: html---直接放在一張照片,并給它加一個class名為pic. css---.pic{position:relative;right:-30px;bottom:-20px;} 這樣圖片就在右下角浮出界面了。
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-19

  • 如何解決內容過少或者過多的問題:<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),這時一定要小心,不要隨便 改變父函數內部變量的值。
    查看全部
  • 1、令a標簽為塊狀顯示:diplay:block; 2、左浮動:float:left; 3、邊框線:border-left:1px solid #737373;
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-19

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

    2018-03-22

  • 加補丁兼容IE6 css/csshover.htc
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-06-19

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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