jQuery的顯示/隱藏顯示或隱藏

Question

$(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之外，這在每個瀏覽器都可以正常工作。在這兩個瀏覽器中，第一個列表項目向右移動，然後滑出視線。然後，下一個列表項向上滑動，並且已經向右移動，並在它向上滑動後向左移到它所屬的位置。

我很困惑這個問題，任何幫助表示讚賞。 謝謝。

Answer 1

對不起，如果我的答案似乎有點欠發達，但也許我可以給你一些想法。

看來，一個可能的問題是幻燈片動畫不能解釋你正在使用的盒子模型。這可能意味着幻燈片試圖定位LI元素，但是LI之外的一些填充，邊距或邊框會使偏移量計算錯誤。

我會檢查CSS。此外，嘗試測試一個更簡單的（無版式）HTML版本是否可以使用完全相同的Javascript。

再一次，對於缺乏特異性感到抱歉 - 也許你可以分享一些代碼，或指向一個例子？

Answer 2

這真的是一個很好的效果夥計;）你的代碼在這裏使用方向「上」和「下」，但它也適用於左/右，右/下也。我將list-style-type設置爲none，將list-style-position設置爲outside。

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