这个垂直导航菜单容器没有弹出?

时间:2012-03-02 07:59:36

标签: html css

这是菜单导航栏!你可以忍受并检查这个,但它没有显示任何东西! 这显示了导航栏,鼠标悬停时没有定义的弹出框!

我在conatiner中使用它,这会有问题吗?

<style type="text/css">
#twiz-vtab-wrapper {
min-height: 185px;
min-width: 200px;
display: block;
float: left;
}
.twiz_vtabm {
min-height: 21px;
border: 1px solid #000000;
display: block;
padding: 10px;
}
.twiz_vtabm:hover {
cursor: pointer;
background-color: #000000 !important;
color: #ffffff !important;
}
.twiz_vtabm_selected {
background-color: #000000;
color: #ffffff;
}
.twiz_vtab_box {
min-height: 185px;
width: 495px;
background-color: #ebebeb;
border: 1px solid #000000;
padding: 15px;
display: none;
float: left;
}
.twiz_vtab_clear {
height: 0px;
clear: both;
}
</style>
<div class="twiz_vtab_clear"></div>
<div id="twiz-vtab-wrapper">
<div id="twiz-vtabm-1" class="twiz_vtabm">Tab Menu 1</div>
<div id="twiz-vtabm-2" class="twiz_vtabm">Tab Menu 2</div>
<div id="twiz-vtabm-3" class="twiz_vtabm">Tab Menu 3</div>
<!-- Paste new code #1 here -->
</div>
<div id="twiz-vtab-box-1" class="twiz_vtab_box">
Your HTML here.
<ul><li>Box 1</li></ul>
</div>
<div id="twiz-vtab-box-2" class="twiz_vtab_box">
Your HTML here.
<ol><li>Box 2</li><li>Box 2</li></ol>
</div>
<div id="twiz-vtab-box-3" class="twiz_vtab_box">
Your HTML here.
<ul><li>Box 3</li><li>Box 3</li><li>Box 3</li></ul>
</div>
<!-- Paste new code #2 here -->
<div class="twiz_vtab_clear"></div>

1 个答案:

答案 0 :(得分:1)

这是答案。我试图编辑工作并为它添加jquery。

http://jsfiddle.net/RgDRm/

希望有所帮助