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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何實現二級菜單的隱藏和顯示?

如何實現二級菜單的隱藏和顯示?

Alrene_ 2016-05-23 22:56:39
//一級菜單 <div?class="shopClass1_item"> <dl?class="shopClass_item1?shopClass_active"> <dt><a?href="#">大家電</a></dt> <dd><a?href="#">平板電視</a>?<a?href="#">空調</a>?<a?href="#">冰箱</a>?<a?href="#">洗衣機</a>?<a?href="#">熱水器</a>?<a?href="#">消毒柜</a>?<a?href="#">冷柜</a>?<a?href="#">家庭影院</a></dd> </dl> //二級菜單 <div?class="shopClass2_list"> <dl?class="shopClass_list1"> <dt>電視影音</dt> <dd>?<a?href="#">平板電視</a>?<a?href="#">空調</a>?<a?href="#">冰箱</a>?<a?href="#">洗衣機</a>?<a?href="#">熱水器</a>?<a?href="#">消毒柜</a>?<a?href="#">冷柜</a>?<a?href="#">家庭影院</a><a?href="#">平板電視</a>?<a?href="#">空調</a>?<a?href="#">冰箱</a>?<a?href="#">洗衣機</a>?<a?href="#">熱水器</a>?<a?href="#">消毒柜</a>?<a?href="#">冷柜</a>?<a?href="#">家庭影院</a><a?href="#">空調</a>?<a?href="#">冰箱</a>?<a?href="#">洗衣機</a>?<a?href="#">熱水器</a>?<a?href="#">消毒柜</a>?<a?href="#">冷柜</a>?<a?href="#">家庭影院</a></dd> </dl> .shopClass2_list{display:none;}這個是二級菜單。 .shopClass1_item?dl:hover?.shopClass2_list{display:block;} 我這樣寫實現不了,display:block;不能顯示。該怎么辦 想要的效果是:鼠標移到一級菜單,就顯示二級菜單。
查看完整描述

6 回答

?
一杯2塊的奶茶

TA貢獻226條經驗 獲得超75個贊

平級的你用css肯定不行,你要hover實現的話就把shopClass2_list的div放到dl下面

查看完整回答
1 反對 回復 2016-05-24
?
學習吧牛犢子

TA貢獻1條經驗 獲得超1個贊

使用js去實現。鼠標移入和移出事件。

查看完整回答
1 反對 回復 2016-05-24
?
Devil1520

TA貢獻4條經驗 獲得超1個贊

使用JQery更改你的HTML樣式,

查看完整回答
反對 回復 2016-06-02
?
小花要努力奮斗

TA貢獻12條經驗 獲得超3個贊

js控制~~

查看完整回答
反對 回復 2016-06-02
?
慕粉1461377426

TA貢獻4條經驗 獲得超1個贊


兩個方案: 1 改造頁面結構,2 使用js

查看完整回答
反對 回復 2016-05-24
  • 6 回答
  • 0 關注
  • 3341 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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