就是html中tab滑动布局图片的完整CSS代码,要简单点儿!

html-css020

就是html中tab滑动布局图片的完整CSS代码,要简单点儿!,第1张

<ul> <li><a href="#test1">test1</a></li> <li><a href="#test2">test2</a></li> </ul> <div id="test1" class="txt1">111111111111111</div> <div id="test2" class="txt1">222222222222222</div>

.txt1 {border: 1px green solid padding: 10px background: #fafafa height: 50pxwidth: 600px position: absolute} 这里将内容叠加起来。只显示最上面的。不加背景的话,字体就重叠在一起#test1:target,#test2:target {z-index: 1} 这是当a标签的href触发到id伪test1的target后 的动画 然后将该页显示出来。

<script type="text/javascript">

function tabSwitch2(_this,content_prefix,active) { 

var tabs = document.getElementsByName(_this.name) 

var number = tabs.length 

for (var i=0 i < number i++) { 

var tab = tabs[i] 

tab.className = ""

tab.parentNode.className = ''

document.getElementById(content_prefix+i).style.display = 'none' 

_this.className = "easytab_active" 

document.getElementById(content_prefix+active).style.display = 'block'

tabs[active].style.className = 'easytab_active'

tabs[active].parentNode.className = 'li1'

</script>

替换一下