代码之家 › 专栏 › 技术社区 › maletor anon

jquery原地弹跳

bounce inline css html jquery

3

maletor anon · 技术社区 · 14 年前

我需要我的列表项元素在适当的位置反弹,而不是互相倾覆。

我创造了一个我的意思是: http://jsfiddle.net/RGvjj/

有人能告诉我为什么元素会这样做吗?我需要做什么来修复它?

1 回复 | 直到 14 年前

1

3

user113716 14 年前

尝试删除 inline 显示来自 <li> 使用 float:left 相反。

试一试: http://jsfiddle.net/RGvjj/1/

#navigation li {
    font-size: 20px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 3px solid #1161A5;
    color: #ffffdd;
    text-decoration: none;
    float:left;
}

编辑: 为了解释,我猜想这是因为当您对一个元素进行动画处理时,jquery更改了 display 到 block . 所以你最后得到的是 块 元素(元素) <a> 在里面 内联的 元素(元素) <理工大学; )这不管用。

通过使用 浮动:左 , the <理工大学; 保留其 块 显示,使其对 <A & GT; 成为 块 .