简明现代魔法 -> 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;}
  
随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们