倆個(gè)問(wèn)題,求教
<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<title>實(shí)踐題?-?選項(xiàng)卡</title> ????<style?type="text/css"> ?????/*?CSS樣式制作?*/?? ????div{ ????????width:100%; ????????margin:0?-1?0?0px; ????????border:1px?solid; ????????border-top-color:red; ???????? ????????display:none; ????} ????span{ ????????display:inline-block; ????????border:1px?solid; ????????text-align:center; ????????width:50px; ????????height:25px; ????}??? ??????? ????</style> ????<script?type="text/javascript"> ????????? ????//?JS實(shí)現(xiàn)選項(xiàng)卡切換 ????//event.stopPropagation(); ????function?displayCont(obj){ ????????var?d=document.getElementById("divo"); ????????var?d1=document.getElementById("div1"); ????????var?d2=document.getElementById("div2"); ????????var?d3=document.getElementById("div3"); ???????? ????????switch(obj.id){ ????????????case?"fangchan": ????????????????d.innerHTML=d1.innerHTML; ????????????????break; ????????????case?"jiaju": ????????????????d.innerHTML=d2.innerHTML; ????????????????break; ????????????case?"ershoufang": ????????????????d.innerHTML=d3.innerHTML; ????????????????break; ????????} ????????//alert(d1.innerHTML); ????????d.style.display="block"; ????????obj.style.borderBottom="0"; ????????obj.style.borderTopColor="red"; ????????//alert(d1.display); ????????//obj.removeAttribute("style"); ????} ????</script> ? </head> <body> <!--?HTML頁(yè)面布局?--> ??<span?id="fangchan"?onclick="displayCont(this)">房產(chǎn)?</span> ??<span?id="jiaju"?onclick="displayCont(this)">家居?</span> ??<span?id="ershoufang"?onclick="displayCont(this)">二手房</span> ?? ??????<div?id="divo"> ??????????</br> ??????????</br> ??????????</br> ??????????</br> ??????</div>?????? ??????<div?id="div1"> ????????????275萬(wàn)購(gòu)昌平鄰鐵三居?總價(jià)20萬(wàn)買(mǎi)一居</br> ????????????200萬(wàn)內(nèi)購(gòu)五環(huán)三居?140萬(wàn)安家東三環(huán)</br> ????????????北京首現(xiàn)零首付樓盤(pán)?53萬(wàn)購(gòu)東5環(huán)50平</br>? ????????????京樓盤(pán)直降5000?中信府?公園樓王現(xiàn)房</br> ??????</div> ??????<div?id="div2"> ????????????40平出租屋大改造?美少女的混搭小窩</br> ????????????經(jīng)典清新簡(jiǎn)歐愛(ài)家?90平老房煥發(fā)新生</br> ????????????新中式的酷色溫情?66平撞色活潑家居</br>? ????????????瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計(jì)</br> ??????</div> ??????<div?id="div3"> ????????????通州豪華3居260萬(wàn)?二環(huán)稀缺2居250w甩</br> ????????????西3環(huán)通透2居290萬(wàn)?130萬(wàn)2居限量搶購(gòu)</br> ????????????黃城根小學(xué)學(xué)區(qū)僅260萬(wàn)?121平70萬(wàn)拋!</br>? ????????????獨(dú)家別墅280萬(wàn)?蘇州橋2居優(yōu)惠價(jià)248萬(wàn)</br> ??????</div>????? ? </body> </html>
1、切換tab和內(nèi)容之間的交接線怎么隱藏?
2、切換tab后,前面一個(gè)設(shè)置的borderTopColor怎么恢復(fù)回去?
2020-05-31
11111
2020-05-31
111111