水平滾動菜單

Question

我的菜單將根據使用ul li的My SQL DATABASE顯示。目前在網站上可以看到六個菜單。當我增加我的菜單超過六個，它必須顯示滾動像圖像滑塊與上一個和下一個按鈕選項。這樣菜單將水平滾動。

重要的一點是，只有當菜單增加超過六個時，才能看到下一個按鈕。否則，不應顯示下一個或上一個按鈕。

讓我知道，如果我能夠得到任何腳本或HTML代碼。

Answer 1

希望這應該幫你看看鏈接

DEMO

$(document).ready(function() { 
    $('.right').click(function() { 
     var position = $('.container').position(); 
     var r=position.left-$(window).width() 
     $('.container').animate({ 
      'left': ''+r+'px' 
     }); 
    });  

    $('.left').click(function() { 
     var position = $('.container').position(); 
     var l=position.left+$(window).width() 
     if(l<=0) 
     { 
     $('.container').animate({ 
      'left': ''+l+'px' 
     }); 
     } 
    });  
}); 

SEE THE FIDDLE LINK