软件开发培训班 >> 编程开发 >> CSS

【已解决】标签页刷新问题

　　本文标签：【已解决】标签页刷新问题

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">宝贝详情</li> 
        <li  id="Tab2" class="Selected">其他信息</li> 
        <li  id="Tab3">出价记录</li> 
        <li  id="Tab4">留言簿</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>

技术文章快速查找

Class与ID区别 margin和padding区别 CSS学习笔记

关于CSS渲染:CSS是如何绘制颜色的

web标准布局实例教程，用定位轻松解决CSS复杂布局

CSS学习笔记Padding 属性中参数的定义与使用

写CSS_关于Border你可能需要注意的地方

CSS新手整理的CSS技巧

以前写的两个CSS树形菜单

网页设计中色彩搭配的内涵

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建