简明现代魔法 -> CSS层叠样式表 -> CSS选项卡效果制作
CSS选项卡效果制作
2009-10-09
在网站设计中，使用选项卡可以省下很多空间。下面介绍一个简单好用的CSS选项卡。
效果演示
PHP Java CSS JQuery Database
PHP
Java
CSS
JQuery
Database
下面是CSS代码，还有部分Javascript代码可以察看本页源文件获得。
CSS代码
/**幻灯片**/
#probox {height:560px; overflow:hidden;}
.xmsbox h1 {height:20px; padding:4px 5px 2px 10px; color:#1090c2; font:bold 14px/18px "宋体"; background:#95c5e0 url(images/schboxbg3.gif); overflow:hidden; border-bottom:0;}
.xmsbox h1 i {margin:-22px 0 0 0;}
.xmsbox h1 a {line-height:25px; margin:5px 1px; padding:5px 10px; font:12px/20px "宋体"; cursor:pointer;}
.xmsbox h1 a.menuNo {color:#fff;background:#39c; cursor:pointer;}
.xmsbox h1 a.menuOn {color:#08c;background:#fff; border:1px #39c solid; cursor:pointer;}
div.slidingList_none {display:none;}
div.slidingList {margin:0px; *margin-top:-10px; padding:5px 0;}