Question

I am writing a javaScript program that has N number of Div s and when ever mouse hovers over a particular div on the left of it there should be displayed a UP and DOWN button.

I tried taking two DIV s. even when the mouseOver s the second div the buttons are visible only on the left side of the First Div.

我想它离开了第一个DIV,当时它 mo倒了第一场分歧,在暴动中留下了第二个分歧。二、离婚......

这方面的例子包括:

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

如何解决这一问题?

Answer 1

这很简单。为此:

<><><><>>><>>>>><>>>>>>

<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/JYXk/“rel=“nofollow”

友情链接