选项卡示例代码###
生活随笔
收集整理的這篇文章主要介紹了
选项卡示例代码###
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為什么80%的碼農都做不了架構師?>>> ??
<!DOCTYPE?html> <html> <head><meta?charset="UTF-8"><title>實踐題?-?選項卡</title><style?type="text/css">/*?CSS樣式制作?*/??*{padding:0px;margin:0px;font:12px;normal?"microsoft?yahei";}#tabs{width:290px;padding:5px;height:150px;margin:30px;}#tabs?ul{list-style:none;display:block;height:30px;line-height:30px;border-bottom:2px;saddlebrown?solid;}#tabs?ul?li{background:#fff;cursor:pointer;float:left;list-style:none;height:28px;line-height:28px;margin:0px?3px;border:1px?solid?#aaa;}#tabs?ul?li.on{border:2px?solid?saddlebrown;border-bottom:2px?solid?#fff;}#tabs?div{height:120px;?line-height:25px;border:1px?solid?#336699;border-top:node;padding:5px;}.hide{display:none;}???????</style><script?type="text/javascript">??????//?JS實現選項卡切換window.onload?=?function(){var?oTab?=?document.getElementById("tabs");var?oUl?=?oTab.getElementsByTagName("ul")[0];var?oLis?=?oUl.getElementsByTagName("li");var?oDivs?=?oTab.getElementsByTagName("div");for(var?i=0,?len=oLis.length;?i<len;i++){oLis[i].index?=?i;oLis[i].onclick?=?function(){for(var?n=0;?n<len;?n++){oLis[n].className?=?"";oDivs[n].className?=?"hide";}this.className?=?"on";oDivs[this.index].className?=?"";}};}?????</script></head> <body> <!--?HTML頁面布局?--> <div?id="tabs"><ul><li>房產</li><li>家居</li><li>二手房</li></ul><div>275萬購昌平鄰鐵三居?總價20萬買一居<br>200萬內購五環三居?140萬安家東三環<br>北京首現零首付樓盤?53萬購東5環50平<br>京樓盤直降5000?中信府?公園樓王現房<br></div><div>40平出租屋大改造?美少女的混搭小窩<br>經典清新簡歐愛家?90平老房煥發新生<br>新中式的酷色溫情?66平撞色活潑家居<br>瓷磚就像選好老婆?衛生間煙道的設計<br></div><div>通州豪華3居260萬?二環稀缺2居250w甩<br>西3環通透2居290萬?130萬2居限量搶購<br>黃城根小學學區僅260萬?121平70萬拋!<br>獨家別墅280萬?蘇州橋2居優惠價248萬<br></div> </div></body> </html>轉載于:https://my.oschina.net/rongx/blog/469957
總結
以上是生活随笔為你收集整理的选项卡示例代码###的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: IOS8 兼容本地推送
- 下一篇: 在 Docker 上运行一个 RESTf