課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)
如何使用div+css實現(xiàn)點擊層隱藏和出現(xiàn)
2015-07-24
源自:初識HTML(5)+CSS(3) 13-1
正在回答
可以用鼠標(biāo)hover實現(xiàn)
div+css就可以實現(xiàn)了。
<style>
.nav{}
.nav li{}
.nav li:hover .subnav{display: block;}
</style>
<div>
<ul class='nav'>
<li class='li'>
<a href='#'>aaa</a>
<ul class='subnav' style="display: none;">
<li class="subli">aaa</li>
<li class="subli">bbb</li>
<li class="subli">ccc</li>
</ul>
</li>
<a href='#'>bbb</a>
<a href='#'>ccc</a>
<a href='#'>ddd</a>
</div>
你確定單靠div+css能實現(xiàn)?不用到j(luò)avascript或jquery?
雲(yún)中雪 提問者
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答css+div頁面布局不懂
1 回答html網(wǎng)頁設(shè)計的div+css問題
3 回答<div></div>
2 回答div...
4 回答<div></div>
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-03-21
可以用鼠標(biāo)hover實現(xiàn)
2016-01-04
div+css就可以實現(xiàn)了。
<style>
.nav{}
.nav li{}
.nav li:hover .subnav{display: block;}
</style>
<div>
<ul class='nav'>
<li class='li'>
<a href='#'>aaa</a>
<ul class='subnav' style="display: none;">
<li class="subli">aaa</li>
<li class="subli">bbb</li>
<li class="subli">ccc</li>
</ul>
</li>
<li class='li'>
<a href='#'>bbb</a>
</li>
<li class='li'>
<a href='#'>ccc</a>
</li>
<li class='li'>
<a href='#'>ddd</a>
</li>
</ul>
</div>
2015-07-24
你確定單靠div+css能實現(xiàn)?不用到j(luò)avascript或jquery?