我刚刚发现idTabs,并且试图在我的Web服务器上运行一个简单的文件。我已经将代码复制到名为“常规”的页面上,并将其称为插件文件和jQuery,但我得到的只是...
- Tab 1
- Tab 2
- Tab 3
This is tab 1.
可以理解,这是未样式化的,因为我还没有添加CSS,但是idTabs肯定提供了它吗?我在任何地方都看不到。我要去哪里错了?
最佳答案
从http://www.sunsean.com/idTabs/main.css:
/* Style for Usual tabs */
.usual {
background:#181818;
color:#111;
padding:15px 20px;
width:500px;
border:1px solid #222;
margin:8px auto;
}
.usual li { list-style:none; float:left; }
.usual ul a {
display:block;
padding:6px 10px;
text-decoration:none!important;
margin:1px;
margin-left:0;
font:10px Verdana;
color:#FFF;
background:#444;
}
.usual ul a:hover {
color:#FFF;
background:#111;
}
.usual ul a.selected {
margin-bottom:0;
color:#000;
background:snow;
border-bottom:1px solid snow;
cursor:default;
}
.usual div {
padding:10px 10px 8px 10px;
*padding-top:3px;
*margin-top:-15px;
clear:left;
background:snow;
font:10pt Georgia;
}
.usual div a { color:#000; font-weight:bold; }