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

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

形形色色的下拉菜單

難度初級
時長 3小時21分
學習人數
綜合評分9.57
145人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.5 邏輯清晰
  • //老師的代碼 $(function(){ $(".navmenu").mouseover(function(){ $(this).children("ul").show(); }) $(".navmenu").mouseout(function(){ $(this).children("ul").hide(); }) }) //我的代碼 效果一致 $(function(){ $(".navmenu").has().mouseover(function(){ /* $(".navmenu:has(ul)")*/ $(this).children("ul").show(); }).mouseout(function(){ $(this).children("ul").hide(); }) })
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • _margin 在IE6中能夠識別 Zoom屬性是IE瀏覽器的專有屬性,Firefox等瀏覽器不支持。它可以設置或檢索對象的縮放比例。除此之外,它還有其他一些小作用,比如觸發ie的hasLayout屬性,清除浮動、清除margin的重疊等。 Zoom的使用方法: zoom :? normal | number normal :  默認值。使用對象的實際尺寸 number :  百分數 | 無符號浮點實數。浮點實數值為1.0或百分數為100%時相當于此屬性的 normal 值 用白話講解就是zoom:后面的數字即放大的倍數,可以是數值,也可以是百分比。如:zoom:1,zoom:120%。 而這個屬性只要在IE中才起作用,所以很少用到它的實際用途,而最經常用到作用是清除浮動等
    查看全部
  • 1.布局屬性 line-height垂直居中 text-align水平居中 針對元素內部的內容 2.顯示屬性 display可以將元素根據需求顯示以不同的方式顯示。
    查看全部
  • 解決IE6的沖突
    查看全部
  • var isIE = !!window.ActiveXObject; var isIE6 = isIE && !window.XMLHttpRequest; 判斷IE6
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • getElementsByTagName()不是只能獲得一組數據嘛?不曉得多個二級菜單怎么實現了……請求老師同學們能夠幫我解答!
    查看全部
    0 采集 收起 來源:編程練習

    2015-01-19

  • ul li:hover ul{display:block;}//鼠標經過ul li 時 ul li 嵌入的ul顯示塊 絕對定位是相對父節點的相對定位,父節點默認為static
    查看全部
    0 采集 收起 來源:編程練習

    2015-01-19

  • 導航變換 ,鼠標滑過中文變英文的效果 <ul> <li><a> 111<span>qqq</span></a></li>// 可以吧span寫到《a>里面 <li><a> 222<span>www</span></a></li> <li><a> 33<span>eee</span></a></li> <ul> 默認情況下 span隱藏 ,鼠標滑過超鏈接時,顯示,并且替代前面的元素(li a :hover{margin-top:-20px})
    查看全部
    0 采集 收起 來源:編程練習

    2018-03-22

  • ul li lu{隱藏} ul li:hover lu{顯示}
    查看全部
    0 采集 收起 來源:編程練習

    2015-01-16

  • $("#id").on("click","a"function(){});綁定a的click事件 $(this).index()//獲取下標 hasClass(".class") $(this).addClass("btn-active").siblings().removeClass("btn-active"); siblings()兄弟元素
    查看全部
  • 尖角實現: display:block;width:0; border-bottom:10px; solid red; border-left:10px solid green; border-right:10px solid blue; border-top:10px solid gray; 陰影: box-shadow:水平 垂直 模糊 顏色; rgba(255,255,255,.3) r:red g:green b:blue a:alpha 透明通道,0-1
    查看全部
  • 線性漸變:linear-gradient(顏色1,顏色2) 邊框圓角:border-radius:邊框半徑; 盒子陰影:box-shadow:水平位移 垂直位移 羽化范圍 羽化顏色 文本陰影:text-shadow 同上 同時設置多種顏色盒子陰影,多組值之間使用“,”分隔 清除浮動 xxx:before,xxx:after{content:"";display:table} xxx:after{clear:both;} 背景漸變:background-image:linear-gradient(#444,#111); transition要配合hover使用 transition:all .2s ease ease-out ease-in ease-in-out... opacity:0;margin:20px 0 0 0; opacity:1;margin:0;
    查看全部
  • 實現圓角:border-radius 實現漸變背景:linear-gradient 實現陰影:box-shadow 實現透明:transition 實現尖角:before
    查看全部
  • 三種方法實現動畫 A、JavaScript 的 setTimeout() 實現 B、jQuery 實現 C、CSS3 實現
    查看全部
  • var isIE = !!window.ActiveXObject;//ie支持 var isIE6 = isIE && window.XMLHttpRequest;//ie6以下版本 $.bro
    查看全部
    0 采集 收起 來源:IE瀏覽器兼容

    2018-03-22

舉報

0/150
提交
取消
課程須知
1.您至少具備Html、Css相應的基礎知識。 2.您須了解JavaScript和jQuery基礎語法和引用方法;
老師告訴你能學到什么?
運用CSS、JavaScript和jQuery三種技術實現下拉菜單制作方法。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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