管理资源吧首页>>>教程>>>编程>>>CSS/HTML教程>>>

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

<style> 
body {font-size:12px;font-family:宋体} 
ul.TabBarLevel1{ 
    list-style:none; 
    margin:0; 
    padding:0; 
    height:29px; 
    background-image:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_bk.gif); 
} 
ul.TabBarLevel1 li{ 
    float:left; 
    padding:0; 
    height:29px; 
    margin-right:1px; 
    background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_left_bk.gif) left top no-repeat; 
} 
ul.TabBarLevel1 li a{ 
    display:block; 
    line-height:29px; 
    padding:0 20px; 
    color:#333; 
    background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_right_bk.gif) right top no-repeat; 
    white-space: nowrap; 
} 
ul.TabBarLevel1 li.Selected{ 
    background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_left_bk.gif) left top no-repeat; 
} 
ul.TabBarLevel1 li.Selected a{ 
    background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_right_bk.gif) right top no-repeat; 
}

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="#" _ewebeditor_ta_href="%23" onclick="javascript:switchTab('TabPage1','Tab1');">宝贝详情</a></li> 
        <li  id="Tab2" class="Selected"><a href="#" _ewebeditor_ta_href="%23" onclick="javascript:switchTab('TabPage1','Tab2');">其他信息</a></li> 
        <li  id="Tab3"><a href="#" _ewebeditor_ta_href="%23" onclick="javascript:switchTab('TabPage1','Tab3');">出价记录</a></li> 
        <li  id="Tab4"><a href="#" _ewebeditor_ta_href="%23" onclick="javascript:switchTab('TabPage1','Tab4');">留言簿</a></li> 
    </ul> 
    <div class="HackBox">代码如下： 
                 
                   哈哈哈哈 
    </div> 
</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0A%2F%2FSwitch%20Tab%20Effect%20%0D%0Afunction%20switchTab(tabpage%2Ctabid)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20oItem%20%3D%20document.getElementById(tabpage)%3B%20%20%20%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3CoItem.children.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20x%20%3D%20oItem.children(i)%3B%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20x.className%20%3D%20%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20y%20%3D%20x.getElementsByTagName('a')%3B%20%0D%0A%20%20%20%20%20%20%20%20y%5B0%5D.style.color%3D%22%23333333%22%3B%20%0D%0A%20%20%20%20%7D%20%20%20%20%20%0D%0A%20%20%20%20document.getElementById(tabid).className%20%3D%20%22Selected%22%3B%20%0D%0A%7D%20%0D%0A%0D%0A%3C%2Fscript%3E">

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

教程首页更多教程