Question

我正在编写一个具有N个Div的javaScript程序，当鼠标悬停在其左侧的特定div上时，应该显示一个UP和DOWN按钮。

我尝试了两个DIV。即使mouseOver是第二个div，按钮只能在First Div的左侧看到。

当鼠标悬停在第一个Div时，我希望它离开第一个DIV，当mouseOver是第二个Div时，我希望它离开第二个Div ...

这是jsfiddle中的一个例子：

http://jsfiddle.net/trendyteja/FtwTa/

如何解决这个问题？

Answer 1

这很简单。试试这个：

<强> HTML

<div class='box'>
    <div class="actions">
        <a href="#">A1</a>
        <a href="#">A2</a>
    </div>
</div>
<div class='box'>
    <div class="actions">
        <a href="#">A1</a>
        <a href="#">A2</a>
    </div>
</div>

<强> CSS

.box {
    width:200px;
    height:250px;
    border:1px solid #CCC;
    margin:20px;
    position:relative;
    float:left;
}
.box .actions {
    width:20px;
    background:#FFF;
    border:1px solid #CCC;
    display:none;
    position:absolute;
    left:-10px;
    top:10px;
    padding:6px;
}
.box:hover .actions { display:block;}

这里有效：http://jsfiddle.net/brenjt/JYXkk/

我希望按钮与我的Div一起流动并显示在它旁边

1 个答案: