日韩欧美在线第一页,久久国产欧美日韩精品免费,日韩欧美一区二区三区不卡

<tfoot id="o0kk2"><input id="o0kk2"></input></tfoot>

<ul id="o0kk2"><sup id="o0kk2"></sup></ul>

<fieldset id="o0kk2"><input id="o0kk2"></input></fieldset><strike id="o0kk2"><input id="o0kk2"></input></strike><del id="o0kk2"></del>

<strike id="o0kk2"><rt id="o0kk2"></rt></strike>

<ul id="o0kk2"></ul>
<fieldset id="o0kk2"><menu id="o0kk2"></menu></fieldset>

<strike id="o0kk2"><menu id="o0kk2"></menu></strike>

唐山網(wǎng)站建設(shè),唐山網(wǎng)站制作,唐山做網(wǎng)站,唐山網(wǎng)頁設(shè)計,唐山網(wǎng)站優(yōu)化,唐山網(wǎng)絡(luò)公司,唐山400電話業(yè)務(wù) 24小時熱線：15031560143 關(guān)于我們 | 網(wǎng)站模版 | 支付方式 | 網(wǎng)站地圖

首頁 > 在唐山長城網(wǎng)絡(luò)中長城網(wǎng)絡(luò)推薦選項卡代碼！

在唐山長城網(wǎng)絡(luò)中長城網(wǎng)絡(luò)推薦選項卡代碼！

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

　　

在唐山網(wǎng)絡(luò)公司在企業(yè)網(wǎng)站制作設(shè)計中經(jīng)常要用到選項卡代碼

到底選項卡如何進(jìn)行設(shè)計制作呢！

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

<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="i2yis0a"   id="tab">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
 

<div   class="cg2okag"   id="con">
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>
</div>

<script type="text/javascript">
/*
選項卡函數(shù)：
cmd：點擊元素集合
con：顯示容器集合
evt：觸發(fā)事件
css：為當(dāng)前點擊元素的樣式名稱
index：為默認(rèn)顯示第幾項的索引值

email : [email]kingark@163.com[/email]
*/
(function(t){

window[t] = function(cmd, con, evt, css, index){
//默認(rèn)觸發(fā)事件
var evt = evt || 'mouseover',
//默認(rèn)樣式名
css = css || 'curr',
index = index || 0;
//初始化顯示項
show(index);
//為點擊元素綁定事件
for(var i = 0, l = cmd.length; i < l; i ++){
//為準(zhǔn)確獲得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';
}
}
//指定選項卡函數(shù)的名稱
})('Tab');
function tag(i, t){
return document.getElementById(i).getElementsByTagName(t);
};
//調(diào)用選項卡函數(shù)
Tab(tag('tab','li'), tag('con','li'), 'click', '', 1);
</script>

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

請大家測試一下！

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

地址：中國.唐山市路北區(qū)尚座即理工大學(xué)對面中國.河北唐山遵化市唐山做網(wǎng)站
本站網(wǎng)址：www.0769djj.com聯(lián)系電話：0315-6025099 建站熱線：15031560143

唐山網(wǎng)站建設(shè)報價咨詢

網(wǎng)站售前售后服務(wù)

冀ICP備12014317號-1 版權(quán)所有:唐山長城網(wǎng)絡(luò) www.0769djj.com

亚洲激情电影在线| 国内精品久久久久影院亚洲| 亚洲GV天堂GV无码男同| 亚洲娇小性色xxxx| 亚洲日本视频在线观看| 亚洲视频网站在线观看| 337p日本欧洲亚洲大胆精品555588 | 激情内射亚洲一区二区三区| 亚洲成在人天堂一区二区| 亚洲成AV人片在线观看WWW| 国产aⅴ无码专区亚洲av| 亚洲av中文无码乱人伦在线咪咕 | 久久精品国产亚洲av麻豆蜜芽 | 亚洲中久无码永久在线观看同| 亚洲一区二区三区影院| 亚洲桃色AV无码| 亚洲国产另类久久久精品黑人 | 国产av无码专区亚洲av桃花庵| 亚洲av永久无码精品漫画| 亚洲AV人人澡人人爽人人夜夜| 亚洲图片一区二区| 亚洲最大在线观看| 日本亚洲精品色婷婷在线影院| 亚洲情A成黄在线观看动漫软件| 亚洲中文字幕久久精品无码VA| 97久久国产亚洲精品超碰热| 亚洲中文无码亚洲人成影院| 亚洲av成人一区二区三区在线播放| 综合偷自拍亚洲乱中文字幕| 亚洲国产精品一区二区三区久久 | 久久亚洲精品无码观看不卡| 国产精品亚洲精品日韩已满| 亚洲AV中文无码字幕色三| 久久精品亚洲一区二区三区浴池| 亚洲电影免费观看| 亚洲一区二区观看播放| 国产成人综合久久精品亚洲| 国产精品亚洲美女久久久| 亚洲国产精品久久久天堂| 666精品国产精品亚洲| 亚洲不卡影院午夜在线观看|

<strike id="cwwaq"><rt id="cwwaq"></rt></strike>

<tfoot id="cwwaq"><input id="cwwaq"></input></tfoot>

<strike id="cwwaq"></strike>

<fieldset id="cwwaq"><menu id="cwwaq"></menu></fieldset>