jquery原地弹跳

尝试删除 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; 成为 块 .