欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡(jiǎn)單通用的JS滑動(dòng)門(mén)代碼

 更新時(shí)間:2008年12月19日 13:27:32   作者:  
網(wǎng)上的太復(fù)雜,這樣的代碼比較簡(jiǎn)單
復(fù)制代碼 代碼如下:

<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="#">發(fā)布到博客/網(wǎng)站</A></SPAN> </LI>
</UL>
<UL ID=''tabContent''>
<LI></LI>
<LI></LI>
<LI></LI>
<LI></LI>
</UL>
 
JS代碼
復(fù)制代碼 代碼如下:

<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代碼,對(duì)這兩個(gè)CSS修改一下就可以顯示不同的樣式了
.hidden{
}
.selected{
}

相關(guān)文章

  • 鼠標(biāo)滑過(guò) 放大顯示效果的列表

    鼠標(biāo)滑過(guò) 放大顯示效果的列表

    非常不錯(cuò)的當(dāng)鼠標(biāo)放上去以后,類(lèi)別將會(huì)出現(xiàn)放大的一些文字和圖片,適合一些tips消息框效果
    2008-12-12
  • 用js實(shí)現(xiàn)網(wǎng)頁(yè)上模仿桌面右鍵菜單

    用js實(shí)現(xiàn)網(wǎng)頁(yè)上模仿桌面右鍵菜單

    用js實(shí)現(xiàn)網(wǎng)頁(yè)上模仿桌面右鍵菜單...
    2007-03-03
  • css實(shí)現(xiàn)會(huì)折疊、展開(kāi)的菜單導(dǎo)航欄效果

    css實(shí)現(xiàn)會(huì)折疊、展開(kāi)的菜單導(dǎo)航欄效果

    基于css實(shí)現(xiàn)的會(huì)折疊、展開(kāi)的樹(shù)形菜單導(dǎo)航欄,很早以前寫(xiě)的,也沒(méi)有過(guò)多美化,但是比較實(shí)用,如果想用的朋友就自己美化吧
    2012-12-12
  • javascript 三級(jí)下拉選擇菜單Levels對(duì)象

    javascript 三級(jí)下拉選擇菜單Levels對(duì)象

    javascript 三級(jí)下拉選擇菜單Levels對(duì)象,非常的不錯(cuò),大家可以參考下。
    2009-07-07
  • CSS鼠標(biāo)懸停菜單 圖片交換技術(shù)實(shí)現(xiàn)

    CSS鼠標(biāo)懸停菜單 圖片交換技術(shù)實(shí)現(xiàn)

    這是一個(gè)使用了圖片交換技術(shù)制作的CSS鼠標(biāo)懸停菜單,也就是大家所說(shuō)的鼠標(biāo)經(jīng)過(guò)換色,不過(guò)本例中的菜單并沒(méi)有使用純CSS來(lái)實(shí)現(xiàn)背景換色,這里將用一幅圖片替換了背景色,因?yàn)橹饕窍胱尨蠹伊私釩SS對(duì)背景圖片控制的技巧
    2009-11-11
  • js右鍵菜單效果代碼

    js右鍵菜單效果代碼

    js右鍵菜單效果代碼...
    2007-07-07
  • 最新評(píng)論