Indonesia
一个不错的适合作分类的选项卡特效代码
<style type="text/css"> body { margin:0px; perataan teks:tengah; ukuran font:12px; } #divall { margin:otomatis; margin-atas:35px; lebar:300 piksel; tinggi:200 piksel; warna latar belakang:#7DA7D9; batas:0 piksel; } #judul { lebar:300 piksel; tinggi:20 piksel; ukuran font:14px; margin-atas:4px; } #meja1 tabel { lebar:300 piksel; tinggi:30 piksel; ukuran font:12px; } #meja2 tabel { lebar:300 piksel; tinggi:30 piksel; ukuran font:12px; } #konten1,#konten2,#konten3,#konten4,#konten5,#konten6,#msg1,#msg2 { margin:otomatis; tinggi:110 piksel; lebar:290 piksel; warna latar belakang:#eee; posisi:relatif; } #div konten1,#div konten2,#div konten3,#div konten4,#div konten5,#div konten6 { posisi:mutlak; bawah:3 piksel; kanan:3 piksel; kursor:penunjuk; } a { dekorasi teks: tidak ada; } .changebordercolor { border-top:1px solid #369; perbatasan-kiri:1px solid #369; } .backbordercolor { border:0px merah pekat; } </style> <script bahasa="javascript"> fungsi msg(){ document.getElementById("msg1").style.display="none" document.getElementById("msg2").style.display="none" } fungsi msgnone(ms,lanjutan){ document.getElementById(ms).style.display='block' document.getElementById(cont).style.display='none' } fungsi 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" } fungsi 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" } fungsi 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" } fungsi aa4(){ dokumen .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" } fungsi aa5() { document.getElementById("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none" dokumen .getElementById("content4").style.display="none" document.getElementById("content5").style.display="block" document.getElementById("content6").style.display="none" } fungsi 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"> <tabel cellpadding=0 Cellspacing=0 boder=0> <tr align=center> <td onMouseOver="this.bgColor='#33ccff';aa1();msg();this.className='changebordercolor'" onMouseOut="ini .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">第三个里面的内容<div onClick="msgnone('msg1','content3')">关闭</div></div> <div id="msg1">没有选择类型</div> <div id="table2 "> <tabel 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">第四个里面的内容<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></tubuh>
