在javascript中创建幻灯片

Question

我正在尝试使用javascript创建一个简单的幻灯片（没有插件或jquery）。

我想向用户展示li的一部分

<ul>
<!-- first slideshow contents -->
    <li>fun1-1 </li>
    <li>fun1-2 </li>
    <li>fun1-3 </li>
    <li>fun1-4 </li>
<!-- second slideshow contents -->
    <li>fun2-1</li>
    <li>fun2-2 </li>
    <li>fun2-3 </li>
    <li>fun2-4 </li>
<!-- third slideshow contents -->
    <li>fun3-1 </li>
    <li>fun3-2 </li>
    <li>fun3-3 </li>
    <li>fun3-4 </li>
</ul>

的Javascript

//I am not sure how to hide slideshow2 and 3 while only display slideshow1.
//I am thinking maybe I should create a container div for slideshow then work from there.

function swap(){
    // .....some codes...    
}

run = setInterval("swap(1)", 4000);

我不知道从哪里开始。如果有人可以为此分享提示或良好的教程网站，我将不胜感激。非常感谢!!!!