慕課網(wǎng)上JavaScript進階課最后一個編程挑戰(zhàn),自己也是邊做邊搜,希望通過最后這個自己的總結(jié)加深對節(jié)點獲取方法的了解。
下面話不多說了,來一起看看詳細的介紹吧
效果分析之HTML結(jié)構(gòu)
整個結(jié)構(gòu)由上至下分為兩部分,標題塊使用列表的方式來做,內(nèi)容快使用盒子模型。其中,內(nèi)容塊中的內(nèi)容為了實現(xiàn)換行效果,采用了<br>,其實這里每一行用<p>也是可以的(不知道怎么用css實現(xiàn)的我)。
<div id="tab"> <ul class="tit"> <li>房產(chǎn)</li> <li>家居</li> <li>二手房</li> </ul> <div> 275萬購昌平鄰鐵三居 總價20萬買一居<br> 200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)<br> 北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平<br> 京樓盤直降5000 中信府 公園樓王現(xiàn)房<br> </div> <div> 40平出租屋大改造 美少女的混搭小窩<br> 經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生<br> 新中式的酷色溫情 66平撞色活潑家居<br> 瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計<br> </div> <div> 通州豪華3居260萬 二環(huán)稀缺2居250w甩<br> 西3環(huán)通透2居290萬 130萬2居限量搶購<br> 黃城根小學(xué)學(xué)區(qū)僅260萬 121平70萬拋!<br> 獨家別墅280萬 蘇州橋2居優(yōu)惠價248萬<br> </div> </div>
分享名稱:JavaScript實現(xiàn)選項卡效果的分析及步驟-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源:http://jinyejixie.com/article24/ccppce.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計公司、用戶體驗、移動網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容