真人一级毛片免费完整视,884aa在线看片,欧美成人爽片

HTML：多個(gè)導(dǎo)航tag加一個(gè)放置默認(rèn)內(nèi)容div
腳本：以數(shù)組的形式給出每個(gè)導(dǎo)航對(duì)應(yīng)的html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>多層疊TAB選項(xiàng)卡</title> <style type="text/css"> .nonstop { width:168px; font-size:12px;margin:auto; border:1px solid #cdcdcd; padding:2px; overflow:hidden; } .nonstop span { float:left;_display:inline; cursor:pointer; width:22px; height:14px; background:#cdcdcd url(./img/button.gif) no-repeat -175px top; font-size:10px; line-height:14px; margin:2px 0 0 2px; display:inline; text-align:center; } .nonstop span:hover { background:gray; font-weight:bold } .nonstop div { height:300px; clear:both; border:1px solid #cdcdcd; border-width:2px 1px; margin-left:2px; overflow:hidden; } .nonstop div a { float:left; width:80px; height:40px; background:white; text-align:center; line-height:40px; padding-top:8px; margin:1px 0 0 1px; } .nonstop div a img { border:0; } .nonstop span.hot { border:1px solid red; width:20px; color:white; height:15px; background:red url(./img/button.gif) no-repeat -175px -14px; font-weight:bold; border-bottom:none; } </style> </head> <body> 一個(gè)多層疊的TAB選項(xiàng)卡，自適應(yīng)寬度(自行更改nonstop的width測(cè)試效果)。HTML：多個(gè)導(dǎo)航tag加一個(gè)放置默認(rèn)內(nèi)容div腳本：以數(shù)組的形式給出每個(gè)導(dǎo)航對(duì)應(yīng)的html  ABCDEFG HI JMLNO PSTUYZ!  這里放一些默認(rèn)內(nèi)容 11111111 <script type="text/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>script"> //20個(gè)字母下的品牌，不包含默認(rèn)顯示的內(nèi)容 var contHtml = ['a1','b2','c3','d4','e5','f6','g7','h21','i22','j23','m24','l25','n26','o27','p11','s12','t13','u14','y15','z16']; var a2zBox = document.getElementById("a2zbox"); var a2zTag = a2zBox.getElementsByTagName("span"); var a2zCont = a2zBox.getElementsByTagName("div")[0]; var divs = [],colN=Math.floor(a2zCont.clientWidth/(a2zTag[0].clientWidth))//7; for(var n=1; n </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

JavaScript技術(shù)：js 多層疊的TAB選項(xiàng)卡，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

js 多層疊的TAB選項(xiàng)卡

相關(guān)文章閱讀