한국어
一个不错的适합작분열적 选项卡特效代码
<style type="text/css"> body { margin:0px; 텍스트 정렬:가운데; 글꼴 크기:12px; } #divall { 여백:자동; 여백 상단:35px; 너비:300px; 높이:200px; 배경색:#7DA7D9; 테두리:0px; } #제목 { 너비:300px; 높이:20px; 글꼴 크기:14px; 여백 상단:4px; } #table1 테이블 { 너비:300px; 높이:30px; 글꼴 크기:12px; } #table2 테이블 { 너비:300px; 높이:30px; 글꼴 크기:12px; } #content1,#content2,#content3,#content4,#content5,#content6,#msg1,#msg2 { margin:auto; 높이:110px; 너비:290px; 배경색:#eee; 위치:상대적; } #content1 div,#content2 div,#content3 div,#content4 div,#content5 div,#content6 div { 위치:절대; 하단:3px; 오른쪽:3px; 커서:포인터; } a { 텍스트 장식:없음; } .changebordercolor { border-top:1px solid #369; 테두리 왼쪽:1px 솔리드 #369; } .backbordercolor { 테두리:0px 단색 빨간색; } </style> <script 언어="javascript"> 함수 msg(){ document.getElementById("msg1").style.display="none" document.getElementById("msg2").style.display="none" } function msgnone(ms,cont){ document.getElementById(ms).style.display='block' document.getElementById(cont).style.display='none' } function aa1(){ document.getElementById("content1" ).style.display="block" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none" document.getElementById("content4"). style.display="none" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="none" } function aa2(){ document.getElementById(" content1").style.display="none" document.getElementById("content2").style.display="block" document.getElementById("content3").style.display="none" document.getElementById("content4" ).style.display="none" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="none" } function aa3(){ document.getElementById ("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="block" document.getElementById(" content4").style.display="none" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="none" } function aa4(){ document .getElementById("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none" document.getElementById ("content4").style.display="block" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="none" } 함수 aa5() { document.getElementById("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none" 문서 .getElementById("content4").style.display="none" document.getElementById("content5").style.display="block" document.getElementById("content6").style.display="none" } 함수 aa6 (){ document.getElementById("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none " document.getElementById("content4").style.display="none" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="block" } </script> <body onLoad="aa1();msg()"> <div id="divall"> <div id="title">分类类型</div> <div id="table1"> <table cellpadding=0 세포 간격=0 boder=0> <tr align=center> <td onMouseOver="this.bgColor='#33ccff';aa1();msg();this.className='changebordercolor'" onMouseOut="this .bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">다운로드</a></td> <td onMouseOver="this. bgColor='#33ccff';aa2();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http ://www.baidu.com">游戏下载</a></td> <td onMouseOver="this.bgColor='#33ccff';aa3();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td> </tr ></table></div> <div id="content1">다음 페이지의 内容<div onClick="msgnone('msg1','content1')">저장</div></div> < div id="content2">다음 페이지의 <div onClick="msgnone('msg1','content2')">설정</div></div> <div id="content3">제3个里面的内容<div onClick="msgnone('msg1','content3')">关闭</div></div> <div id="msg1">没有选择类型</div> <div id="table2 "> <table cellpadding=0 cellpacing=0 boder=0> <tr align=center> <td onMouseOver="this.bgColor='#33ccff';aa4();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td> <td onMouseOver ="this.bgColor='#33ccff';aa5();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td> <td onMouseOver="this.bgColor='#33ccff';aa6();msg();this.className= 'changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td > </tr></table></div> <div id="content4">第4个里面的内容<div onClick="msgnone('msg3','content4')">关闭</div>< /div> <div id="content5">第五个里面的内容<div onClick="msgnone('msg2','content5')">关闭</div></div> <div id="content6" >다른 페이지의 페이지<div onClick="msgnone('msg2','content6')">저장</div></div> <div id="msg2">没有选择类型</div> </div> div></body>
