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

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

商城分類導航效果

zongran Web前端工程師
難度初級
時長 1小時18分
學習人數
綜合評分9.70
422人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
背景圖片地址:http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg
評論亮了。。

最新回答 / 慕粉4382624
相當于class=“lihove submenue” 要滿足兩個條件? class等于lihove且class等于submenue
.rightPic{
position:absolute;
right:-30px;
bottom:-30px;
}

<img class='rightPic' src='http://img1.sycdn.imooc.com//541120c80001aae401970164.jpg' />
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="";
}
}
display:block;
float:left;
border-left:1px solid #ccc;
.topmenu li:hover
{
border:1px solid #ddd;
box-shadow:0 0 8px #A9A9A9;
-moz-box-shadow:0 0 8px #A9A9A9;
-webkit-box-shadow:0 0 8px #A9A9A9;
background:none;
}
任務一:
background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
background-repeat:no-repeat;
background-position:right;
任務二:
background:none;
當你定義的CSS中有position屬性值為absolute、relative或fixed,
用z-index此取值方可生效。
此屬性參數值越大,則被層疊在最上面。
box-shadow是css3屬性,用于向框添加一個或多個陰影,ie9+以及火狐、chrome、opera均兼容。box-shadow 前面兩個值為 縱向陰影 和 橫向陰影,把這兩個值都設置為 0 就是四邊都有陰影,第三個參數表示上下陰影大小為8px,第四個參數老師沒寫,即默認為左右陰影為0px。

最新回答 / 慕粉3951534
不是大神也不是老師,一路人甲,就問問,你沒出現什么效果?就知道你這段 CSS,不知道你什么效果沒有,也不知道你的 html 代碼
老師基礎要加強
@腦闊疼 這個..
this.className = "lihover" ;可以優化成 this.className += " lihover"
this.className = ""可以優化成 this.className -= " lihover"

+= 可以實現,-=好像為NaN啊

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消