Home >Web Front-end >CSS Tutorial >【已解决】标签页刷新问题_经验交流

【已解决】标签页刷新问题_经验交流

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal: 2016-05-16 12:09:551588browse

ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{ 
    color:#333; 
} 
ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{ 
    color:#F30; 
    text-decoration:none; 
} 
ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{ 
    color:#000; 
} 
ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{ 
    color:#F30; 
    text-decoration:none; 
} 
div.HackBox { 
  padding : 2px 2px ; 
  border-left: 2px solid #6697CD; 
  border-right: 2px solid #6697CD; 
  border-bottom: 2px solid #6697CD; 
}

</style>

<div id="Whatever"> 
    <ul class="TabBarLevel1" id="TabPage1"> 
        <li id="Tab1"><a href="#" onclick="javascript:switchTab('TabPage1','Tab1');">宝贝详情</a></li> 
        <li id="Tab2" class="Selected"><a href="#" onclick="javascript:switchTab('TabPage1','Tab2');">其他信息</a></li> 
        <li id="Tab3"><a href="#" onclick="javascript:switchTab('TabPage1','Tab3');">出价记录</a></li> 
        <li id="Tab4"><a href="#" onclick="javascript:switchTab('TabPage1','Tab4');">留言簿</a></li> 
    </ul> 
    <div class="HackBox">代码如下： 
                 
                   哈哈哈哈 
    </div> 
</div> 
<script language="JavaScript"> 
//Switch Tab Effect 
function switchTab(tabpage,tabid){ 
        var oItem = document.getElementById(tabpage);    
    for(var i=0;i<oItem.children.length;i++){ 
        var x = oItem.children(i);     
        x.className = ""; 
        var y = x.getElementsByTagName('a'); 
        y[0].style.color="#333333"; 
    }     
    document.getElementById(tabid).className = "Selected"; 
}

</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Group容器_VML相关Next article：Image(图像)对象_VML相关

See more

【已解决】标签页刷新问题_经验交流

Related articles