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

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

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 如何解決內容過少或者過多的問題:<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>
    查看全部
  • window.onload=function(){ var Lis=document.getElementByTagName("li"); for(i=0;i<Lis,length;i++){ Lis[i].onmoouseover=function(){ this.className="lihoover";} Lis[i].onmouseout=function(){ this.className="";}}}
    查看全部
    0 采集 收起 來源:JS實現特效

    2018-03-22

  • 邊框線:border-left:1px solid #ccc
    查看全部
    0 采集 收起 來源:編程練習

    2016-08-13

  • 兼容IE6瀏覽器,加補丁文件,在body中+beha:url(css/csshover.htc)
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-08-13

  • 防止溢出的處理:overflow:hidden; dl:塊顯示;灰色下劃線;底距;防溢出; dt:塊顯示,左浮動,寬,右對齊,高,行高,右距 a:顏色,字體,下劃線,字體大小 dd:塊顯示,隱藏 a:塊顯示,左浮動,灰色實線,顏色,字體大小加邊距,高度,行高,外邊框margin:0 4px
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-08-13

  • 二級菜單標簽
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-08-12

  • <dl> <dt> title </dt> <dd> </dd> </dl> dl: definition list 定義列表 dt: definition title 定義列表標題 dd: definition data 定義列表數據
    查看全部
    0 采集 收起 來源:懸浮層制作

    2018-03-22

  • { border: 1px solid #DDD; border-right: 0; box-shadow: 0 0 8px #DDD; //兼容Firefox -moz-box-shadow: 0 0 8px #DDD; //兼容所有Google內核瀏覽器 -webkit-box-shadow: 0 0 8px #DDD; background-image: none; }
    查看全部
    0 采集 收起 來源:編程練習

    2016-08-11

  • 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;//對chrome和firefox等瀏覽器設置外發光效果
    查看全部
    0 采集 收起 來源:編程練習

    2016-08-10

  • 兼容ie6
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-08-09

  • 圖片溢出效果 .rightPic( position:relative; right:-35px; bottom:-20px; )
    查看全部
  • <script type="text/javascript"> window.onload = function () { //獲取所有的Li標簽集 var lis = document.getElementsByTagName("li"); //循環遍歷所有的標簽使其在鼠標移到及移出執行相應的命令 for(i=0;i<lis.length;i++){ lis[i].onmouseover = function(){ this.className = "lihover"; } lis[i].onmouseout = function(){ this.className = ""; } } } </script>
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • 外發光效果 box-shadow: 0 0 8px #DDD;
    查看全部
    0 采集 收起 來源:編程練習

    2016-08-07

  • 使用閉包的注意點 1)由于閉包會使得函數中的變量都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變量全部刪除。 2)閉包會在父函數外部,改變父函數內部變量的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變量當作它的私有屬性(private value),這時一定要小心,不要隨便 改變父函數內部變量的值。
    查看全部
  • 如何解決內容過少或者過多的問題:<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>
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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