1 
$(document).ready(function(){
        var speed = 700;
        var pause = 3500;
            function removeFirst(){
                $('ul#newsfeed li:first').hide('slide', {direction: "up"}, speed, function() {addLast(this);});
            }
            function addLast(first){
                $(first).insertAfter('ul#newsfeed li:last').show();
                $('ul#newsfeed li:first').show("slide", {direction: "down"}, speed);
            }

            interval = setInterval(removeFirst, pause);
    });

您好，非常感谢您抽出宝贵时间帮助解决我的问题。继续... 这是新闻代码的代码，它采用无序列表并将第一个元素移动到底部并将下一个元素滑动到顶部。我使用 css 一次只显示一个列表元素。除了我们最喜欢的 IE 6 和 IE 7 之外，这在所有浏览器中都可以正常工作。在这两个浏览器中，第一个列表项向右移动，然后滑出视线。然后，下一个列表项向上滑动已经向右移动，向上滑动后向左移动到它所属的位置。

我对这个问题感到相当困惑，任何帮助表示赞赏。谢谢。

4

2 回答 2

1

对不起，如果我的回答似乎有点不完善，但也许我可以给你一些想法。

似乎一个可能的问题是幻灯片动画没有考虑到您正在使用的盒子模型。这可能意味着幻灯片正在尝试定位 LI 元素，但 LI 之外的一些填充、边距或边框导致偏移计算错误。

我会检查CSS。另外，尝试测试一个更简单（无样式）的 HTML 版本是否可以使用完全相同的 Javascript。

再次，抱歉缺乏特异性——也许你可以分享一些代码，或者指出一个例子？

于 2009-06-22T06:44:24.867 回答
0

It is really nice effect dude ;) your code here uses direction "Up" and "Down" but it also works nice with left/right, right/down also. I set the list-style-type to none and list-style-position to outside.

list-style-type:none;
list-style-position:none;
于 2009-06-22T07:07:53.820 回答