91粉色视频在线观看,欧美成人免费在线,午夜一级毛片免费视频

首頁 > 在唐山長城網絡中長城網絡推薦選項卡代碼！

在唐山長城網絡中長城網絡推薦選項卡代碼！

時間：2012/9/10 16:50:34 作者：tsccwl 人氣：標簽：選項卡代碼

　　

在唐山網絡公司在企業網站制作設計中經常要用到選項卡代碼

到底選項卡如何進行設計制作呢！

在此唐山長城網絡推薦一款比較容易懂并且還好修改的代碼如下：

<style type="text/css">
ul,li{ margin:0; padding:0; overflow:hidden; list-style:none; font-family:"Lucida Console", Monaco, monospace}
#tab{ width:300px; height:25px; border:1px solid #ddd}
#tab li{ width:75px; height:25px; line-height:26px; text-align:center; float:left; cursor:pointer}
#tab li.curr{ background:#eee}
#con{ width:300px; border:1px solid #ddd; margin-top:-1px;}
#con li{ display:none; width:280px; height:100px; padding:10px;}
</style>


<div   class="f7xtfzd"   id="tab">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
 

<div   class="bhtfd55"   id="con">
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>
</div>

<script type="text/javascript">
/*
選項卡函數：
cmd：點擊元素集合
con：顯示容器集合
evt：觸發事件
css：為當前點擊元素的樣式名稱
index：為默認顯示第幾項的索引值

email : [email]kingark@163.com[/email]
*/
(function(t){

window[t] = function(cmd, con, evt, css, index){
//默認觸發事件
var evt = evt || 'mouseover',
//默認樣式名
css = css || 'curr',
index = index || 0;
//初始化顯示項
show(index);
//為點擊元素綁定事件
for(var i = 0, l = cmd.length; i < l; i ++){
//為準確獲得i的值用閉包傳值
(function(n){
cmd[n]['on'+ evt] = function(){
//切換到索引為i的選項
show(n);
}
})(i);
};
//切換顯示
function show(i){
cmd[index].className = cmd[index].className.replace(css, '');
con[index].style.display = 'none';
index = i;
cmd[index].className += css;
con[index].style.display = 'block';
}
}
//指定選項卡函數的名稱
})('Tab');
function tag(i, t){
return document.getElementById(i).getElementsByTagName(t);
};
//調用選項卡函數
Tab(tag('tab','li'), tag('con','li'), 'click', '', 1);
</script>

提示：復制和保存代碼功能在FF下無效。

請大家測試一下！

上一篇：唐山網絡公司討論一下DIV建站和用表格建站的區別
下一篇：百度李彥宏宣布首次開放核心云能力

地址：中國.唐山市路北區尚座即理工大學對面中國.河北唐山遵化市唐山做網站
本站網址：m.0769djj.com聯系電話：0315-6025099 建站熱線：15031560143

唐山網站建設報價咨詢

網站售前售后服務

冀ICP備12014317號-1 版權所有:唐山長城網絡 m.0769djj.com

亚洲偷偷自拍高清| 亚洲精品免费在线| 色天使亚洲综合在线观看| 亚洲网站在线免费观看| 亚洲天堂中文字幕| 久久亚洲精品成人AV| 久久国产亚洲精品无码| 亚洲专区在线视频| 亚洲视频在线免费播放| 亚洲性猛交xx乱| 国产成人亚洲合集青青草原精品| 亚洲人成激情在线播放| 亚洲综合校园春色| 亚洲乱色熟女一区二区三区蜜臀| 在线a亚洲老鸭窝天堂av高清| 日韩亚洲国产高清免费视频| 亚洲中文字幕久久无码| 亚洲第一成年免费网站| 国产成人高清亚洲一区91| 亚洲精品第一国产综合境外资源 | 一本久久综合亚洲鲁鲁五月天| 国产成人精品日本亚洲语音| 国产亚洲视频在线观看网址| 亚洲日韩VA无码中文字幕| 亚洲色无码一区二区三区| 亚洲av激情无码专区在线播放 | 亚洲AV无码成人网站久久精品大 | 亚洲成综合人影院在院播放| 亚洲1区1区3区4区产品乱码芒果| 亚洲精品二三区伊人久久| 亚洲欧美国产欧美色欲 | 亚洲最大的成网4438| 亚洲免费视频网址| 亚洲熟妇无码一区二区三区导航| 亚洲AV噜噜一区二区三区| 亚洲午夜日韩高清一区| 国产亚洲人成网站在线观看不卡| 亚洲精品高清国产一久久| 亚洲乱码中文字幕小综合| 亚洲AV无码一区二区三区性色 | 亚洲精品影院久久久久久|