2016-03-31 139 views
-4

創建導航欄我要實現這樣的事情..我想我的應用程序

Here is how it should look

注:動態多子(即第二和第三)元素將被添加。作爲根元素的「第一」只出現一次。 請給我建議我怎麼做?另外它應該是可摺疊的。

+0

請加你做了什麼,並放置你的一些代碼。 –

+0

只有使用'div'的具體原因是什麼? 'ul''li'結構可以更好地實現。 – zipkundan

+0

@zipkundan我已經實現了這個部分,我們的客戶已經請求了這個特性,所以無論如何,我可以將它與我現有的代碼合併 –

回答

0

請添加程序的一些代碼 一些例子菜單

<style> 
 
#header { 
 
    background-color:black; 
 
    color:white; 
 
    text-align:center; 
 
    padding:5px; 
 
} 
 
#nav { 
 
    line-height:30px; 
 
    background-color:#eeeeee; 
 
    height:300px; 
 
    width:100px; 
 
    float:left; 
 
    padding:5px; \t  
 
} 
 
#section { 
 
    width:350px; 
 
    float:left; 
 
    padding:10px; \t \t 
 
} 
 
#footer { 
 
    background-color:black; 
 
    color:white; 
 
    clear:both; 
 
    text-align:center; 
 
    padding:5px; \t \t 
 
} 
 
</style>
<!DOCTYPE html> 
 
<html> 
 
<head> 
 

 
</head> 
 
<body> 
 

 
<div id="header"> 
 
<h1>City Gallery</h1> 
 
</div> 
 

 
<div id="nav"> 
 
London<br> 
 
Paris<br> 
 
Tokyo 
 
</div> 
 

 
<div id="section"> 
 
<h2>London</h2> 
 
<p>asd</p> 
 
<p>type text </p> 
 
</div> 
 

 
    
 

 
</body> 
 
</html>

相關問題