javascript - 如何使用 css javascript 滑动一组 div？

Question

我正在创建一个图片库，所以我想在点击 div 时滑动我的缩略图（div）

<div id="pagecontnt">
    <div id="albumname"></div>
    <!--albumname-->
    <div id="imgewer"></div>
    <!--imgewer-->
    <div id="otherabms"></div>
    <!--otherabms-->
    <div id="thumbnailbox">
        <div onclick="putinframe('images/album01/cover1.jpg')"></div>
        <div onclick="putinframe('images/album01/cover2.jpg')"></div>
        <div onclick="putinframe('images/album01/cover3.jpg')"></div>
        <div onclick="putinframe('images/album01/cover4.jpg')"></div>
        <div onclick="putinframe('images/album01/cover5.jpg')"></div>
        <div onclick="putinframe('images/album01/homebaner1.jpg')"></div>
        <div onclick="putinframe('images/album01/homebaner2.jpg')"></div>
        <div onclick="putinframe('images/album01/homebaner3.jpg')"></div>
        <div onclick="putinframe('images/album01/homebaner4.jpg')"></div>
        <div onclick="putinframe('images/album01/homebaner5.jpg')"></div>
    </div>
    <!--thumbnailbox-->
    <script type="text/javascript">
        ajax_get_json('images/album01')
    </script>
</div>
<!--pagecontnt-->

所以我想在单击 div 时滑动这组 div