idTabs样式缺失?

时间:2011-07-18 20:40:27

标签: javascript html css tabs

我刚刚发现了idTabs,我正试图在我的网络服务器上运行一个简单的工作。我已经在名为'Usual'的页面上复制了代码,并调用了插件文件和jQuery,但我得到的只是......

- Tab 1
- Tab 2
- Tab 3
This is tab 1.

可以理解这是没有样式的,因为我还没有添加CSS,但肯定会提供idTabs吗?我什么都看不到。我哪里错了?

1 个答案:

答案 0 :(得分:1)

来自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; }