国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

簡單通用的JS滑動門代碼

2019-11-21 01:31:19
字體:
來源:轉載
供稿:網友
復制代碼 代碼如下:

<UL id=tabMainNav>
<LI class=selected id=tab_GameinfoNav onmousemove="show_tab(0)"><SPAN><A id=tab_1 href="#">{$PHPCMS[sitename]}</A></SPAN></LI>
<LI id=tab_ShareEmailNav onmousemove="show_tab(1)"><SPAN><A id=tab_2 href="#">由 Email 分享</A></SPAN> </LI>
<LI id=tab_ShareIMNav onmousemove="show_tab(2)"><SPAN><A id=tab_3 href="#">由 IM 分享</A></SPAN> </LI>
<LI id=tab_BlogNav onmousemove="show_tab(3)"><SPAN><A id=tab_4 href="#">發布到博客/網站</A></SPAN> </LI>
</UL>
<UL ID=''tabContent''>
<LI></LI>
<LI></LI>
<LI></LI>
<LI></LI>
</UL>
 
JS代碼
復制代碼 代碼如下:

<script language="javascript">
function show_tab(id){
var tabMainNav;
var tabContent;
tabMainNav=document.getElementById('tabMainNav');
tabContent=document.getElementById('tabContent');
for(i=0;i<tabMainNav.children.length;i++){
if(i==id){
tabMainNav.children[i].className='selected';
tabContent.children[i].className='';
}else{
tabMainNav.children[i].className='';
tabContent.children[i].className='hidden';
}
}
}
</script>

CSS代碼,對這兩個CSS修改一下就可以顯示不同的樣式了
.hidden{
}
.selected{
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 汉寿县| 左云县| 江门市| 金乡县| 黎川县| 五指山市| 峨边| 镇坪县| 广丰县| 平度市| 高雄市| 昌图县| 揭西县| 通渭县| 榆社县| 昌江| 昆山市| 鹰潭市| 大同市| 广水市| 平陆县| 金门县| 辉南县| 云浮市| SHOW| 竹北市| 揭阳市| 太保市| 南平市| 武定县| 麦盖提县| 沧州市| 永安市| 乐平市| 栖霞市| 东台市| 星子县| 无锡市| 玉环县| 铜川市| 博兴县|