jQuery的显示/隐藏显示或隐藏

$(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之外，这在每个浏览器都可以正常工作。在这两个浏览器中，第一个列表项目向右移动，然后滑出视线。然后，下一个列表项向上滑动，并且已经向右移动，并在它向上滑动后向左移到它所属的位置。jQuery的显示/隐藏显示或隐藏

我很困惑这个问题，任何帮助表示赞赏。谢谢。

来源

2009-06-22 intrepidlemon

对不起，如果我的答案似乎有点欠发达，但也许我可以给你一些想法。

看来，一个可能的问题是幻灯片动画不能解释你正在使用的盒子模型。这可能意味着幻灯片试图定位LI元素，但是LI之外的一些填充，边距或边框会使偏移量计算错误。

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

再一次，对于缺乏特异性感到抱歉 - 也许你可以分享一些代码，或指向一个例子？

来源

2009-06-22 06:44:24

这真的是一个很好的效果伙计;）你的代码在这里使用方向“上”和“下”，但它也适用于左/右，右/下也。我将list-style-type设置为none，将list-style-position设置为outside。

list-style-type:none; 
list-style-position:none;

来源

2009-06-22 07:07:53 TheVillageIdiot

jQuery的显示/隐藏显示或隐藏

回答

相关问题