div나 table 등등을 슬라이드

 <style type="text/css">
.define03 img {border:none;}
.define03 {position:relative; width:330px; padding:0 0 0 30px;}
.define03 dl {float:left;}
.define03 dt {padding:0 10px 0 10px;}
.define03 dd {font-size:12px;}
.define03 .btn_prev01 {position:absolute; top:20px; left:0;}
.define03 .btn_next01 {position:absolute; top:20px; right:0;}
</style>
    <div class="squareBoxBody" id="OuterTab_Photo" style="display:block;">
        <div class="define03" style="display:block;" id="list_photo_tab_1">

            <dl>
                <dt><img src="http://vozzang.net/img/sample/100x100_blue.gif" /></dt>
                <dd><a href="http://vozzang.net">보짱넷 샘플</a></dd>
            </dl>

            <dl>
                <dt><img src="http://vozzang.net/img/sample/100x100_blue.gif" /></dt>
                <dd><a href="http://vozzang.net">보짱넷 샘플</a></dd>
            </dl>

            <a class="btn_prev01" href="javascript:changePhotoTablayer('pre');"><img src="http://vozzang.net/img/sample/btn_prev01.gif" alt="이전 보기" /></a>
            <a class="btn_next01"href="javascript:changePhotoTablayer('next');"><img src="http://vozzang.net/img/sample/btn_next01.gif" alt="다음 보기" /></a>
        </div>
        <div class="define03" style="display:none;" id="list_photo_tab_2">

            <dl>
                <dt><img src="http://vozzang.net/img/sample/100x100_green.gif" /></dt>
                <dd><a href="http://vozzang.net">보짱넷 샘플</a></dd>
            </dl>

            <dl>
                <dt><img src="http://vozzang.net/img/sample/100x100_green.gif" /></dt>
                <dd><a href="http://vozzang.net">보짱넷 샘플</a></dd>
            </dl>

            <a class="btn_prev01" href="javascript:changePhotoTablayer('pre');"><img src="http://vozzang.net/img/sample/btn_prev01.gif" alt="이전 보기" /></a>
            <a class="btn_next01"href="javascript:changePhotoTablayer('next');"><img src="http://vozzang.net/img/sample/btn_next01.gif" alt="다음 보기" /></a>
        </div>
        <div class="define03" style="display:none;" id="list_photo_tab_3">

            <dl>
                <dt><img src="http://vozzang.net/img/sample/100x100_orange.gif" /></dt>
                <dd><a href="http://vozzang.net">보짱넷 샘플</a></dd>
            </dl>

            <dl>
                <dt><img src="http://vozzang.net/img/sample/100x100_orange.gif" /></dt>
                <dd><a href="http://vozzang.net">보짱넷 샘플</a></dd>
            </dl>

            <a class="btn_prev01" href="javascript:changePhotoTablayer('pre');"><img src="http://vozzang.net/img/sample/btn_prev01.gif" alt="이전 보기" /></a>
            <a class="btn_next01"href="javascript:changePhotoTablayer('next');"><img src="http://vozzang.net/img/sample/btn_next01.gif" alt="다음 보기" /></a>
        </div>
    </div>

    <script type="text/JavaScript">
        var maxPhotoTabIdx = "3";
        var currPhotoTabIdx = 1;

        function changePhotoTablayer(tab)
        {
            try
            {
                //이전꺼 숨기고..
                if(document.all["list_photo_tab_" + currPhotoTabIdx])
                    document.all["list_photo_tab_" + currPhotoTabIdx].style.display = "none";
                
                //다음꺼 계산
                if(tab == "pre")
                {
                    if(currPhotoTabIdx == "1")
                        currPhotoTabIdx = maxPhotoTabIdx;
                    else
                        currPhotoTabIdx = currPhotoTabIdx - 1;
                }
                else if(tab == "next")
                {
                    if(currPhotoTabIdx == maxPhotoTabIdx)
                        currPhotoTabIdx = 1;
                    else
                        currPhotoTabIdx = currPhotoTabIdx + 1;
                }
                //다음꺼 보이게..
                if(document.all["list_photo_tab_" + currPhotoTabIdx])
                    document.all["list_photo_tab_" + currPhotoTabIdx].style.display = "";
            }
            catch(ex){}
        }

    </script>