请高手给一个滑动的效果

Question

     document.getElementById("prev").onclick=function(){
var list=document.getElementById("movelist").getElementsByTagName("li");
var newNode=list[0].cloneNode(true);
document.getElementById("movelist").removeChild(list[0]);
document.getElementById("movelist").appendChild(newNode);
}
<ul id="movelist" class="slide_c">
                        <li><a href="#">Heathrow Airport</a></li>
                        <li><a href="#">Gatwick Airport</a></li>
                        <li><a href="#">Luton Airport</a></li>
                        <li><a href="#">Stansted Airport</a></li>
                        <li><a href="#">Southend Airport</a></li>
                        <li><a href="#">Bristol Airport</a></li>
                        <li><a href="#">Birmingham Airport</a></li>
                    </ul>
我目前只能做到这个地步，，还差不知怎么能够产生滑动效果！！~~？？

Answer 1

今天看另外一个帖子看到的http://www.popub.net/script/MSClass.html

Answer 2

我希望不要jquery，不要插件，我想练练javascript,很有难度

Answer 3

但是你想要怎么样的滑动，一直在滑吗？？？这样？document.getElementById("prev").onclick=function(){setInterval(function(){
    var list=document.getElementById("movelist").getElementsByTagName("li");
    var newNode=list[0].cloneNode(true);
    document.getElementById("movelist").removeChild(list[0]);
    document.getElementById("movelist").appendChild(newNode);
},500);
}

Answer 4

或者说不用jquery，怎么获取一个li元素的宽度？？？？

Answer 5

我打算先复制<ul>下所有li节点，放在末尾，造成2段一样的li元素集合。。但是滑动丄缺少li元素各自宽度