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

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

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 設置LI鼠標移上時有外發光,且有邊框,右側無邊框,無背景圖片 1. 修改li:hover樣式 2.設置邊框及外發光效果 3.對chrome和firefox等瀏覽器設置外發光效果 4.刪除背景圖片 .topmenu li:hover { /* 任務編寫代碼處 */ background:none; border: 1px solid #DDD; box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; border-right: none; }
    查看全部
    0 采集 收起 來源:編程練習

    2016-11-05

  • .topmenu li { height: 30px; line-height: 30px; font-size: 11pt; list-style-type: none; text-align: left; padding-left: 8px; z-index: 3; /* 任務一 */ background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); background-repeat: no-repeat; background-position: right; } .topmenu li:hover { /* 任務二 */ background-image: none; } .topmenu li a { text-decoration: none; color: #313131; } .topmenu li a:hover { text-decoration: underline; font-weight: bold; color: #e4393c; }
    查看全部
    0 采集 收起 來源:編程練習

    2016-11-05

  • 代碼如下顯示
    查看全部
    0 采集 收起 來源:編程練習

    2016-10-28

  • 代碼如下顯示
    查看全部
    0 采集 收起 來源:編程練習

    2016-10-28

  • 代碼如下顯示
    查看全部
    0 采集 收起 來源:編程練習

    2016-10-28

  • 代碼如下顯示
    查看全部
    0 采集 收起 來源:編程練習

    2016-10-28

  • 代碼如下顯示
    查看全部
    0 采集 收起 來源:編程練習

    2016-10-28

  • 如何解決內容過少或者過多的問題:<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),這時一定要小心,不要隨便 改變父函數內部變量的值。
    查看全部
  • body { padding:0; font-size:10pt; behavior:url(css/csshover.htc); } 下載css/csshover.htc 兼容ie6
    查看全部
    0 采集 收起 來源:懸浮層制作

    2016-10-18

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

    2018-03-22

  • hover 當鼠標懸停到該處時,為空。
    查看全部
    0 采集 收起 來源:編程練習

    2016-10-18

  • 多聯系
    查看全部
    0 采集 收起 來源:編程練習

    2016-10-17

  • 下劃線:text-decoration:underline font-weight:bold加粗
    查看全部
    0 采集 收起 來源:鼠標浮動效果

    2016-10-16

  • 1、如何解決二級菜單內容過少導致和一級菜單分開的問題 內容過少時:將左側一級菜單的頂部與懸浮層的底部進行高度對比; 首先獲取左側一級菜單所處的高度(一級菜單li的索引*每個高度為30+標題部分的高度):h0=(this.i-1)*30+42;/*在顯示的height=30px時,this.i-1是正確的。在height=60px時就有偏差*/ 其次獲取懸浮層的高度(當前活動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';} 2、如何解決二級菜單內容過多導致在當前窗口顯示不全的問題 內容過多時:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550) 550是瀏覽器窗口除去瀏覽器的標簽欄、地址欄、收藏欄等的大概可用高度 將二級菜單top屬性設置小一些 {this.getElementsByTagName('div')[0].style.top='3px'} 注意:height是像素值,offsetHeight是數字值。所以用offsetHeight。 如果在for循環下直接使用i是不會產生閉包的。 由于是在function()函數體中使用i所以產生了閉包,這個函數里面根本沒有i這個變量,所以函數會從父級函數中去找i,當找到這個i的時候,for循環已經循環完畢了,所以最終會返回i的最后一個值; 要獲取正確的i值,可以將i值綁定在調用函數的對象上,然后在函數內部使用this.i來獲取。
    查看全部
  • 商城分類導航的布局分析圖,豎向列表,橫向伸縮
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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