例如：

<div class="名称">           
                    <div class="ctrl" id="gscroll-ctrl-prev（左箭头ID）"></div>
                    <div id="rollphoto1（内容容器ID）" class="rollcon" style="height:310px;">
                        <ul>
                           <li>
                           
                            </li>
                        </ul>
                    </div>
                    <div class="ctrl" id="gscroll-ctrl-next（右箭头ID）"></div>
</div>

1.在要加入滚动效果的页面添加此段代码

<SCRIPT language=javascript type=text/javascript>
    
            var scrollPic_01 = new ScrollPic();
            scrollPic_01.scrollContId   = "rollphoto1"; //内容容器ID
            scrollPic_01.arrLeftId      = "gscroll-ctrl-prev";//左箭头ID
            scrollPic_01.arrRightId     = "gscroll-ctrl-next"; //右箭头ID
    
            scrollPic_01.frameWidth     = 182;//显示框宽度
            scrollPic_01.pageWidth      = 182; //翻页宽度
    
            scrollPic_01.speed          = 10; //移动速度(单位毫秒，越小越快)
            scrollPic_01.space          = 10; //每次移动像素(单位px，越大越快)
            scrollPic_01.autoPlay       = true; //自动播放
            scrollPic_01.autoPlayTime   = 3; //自动播放间隔时间(秒)
    
            scrollPic_01.initialize(); //初始化
    
</SCRIPT>

2.引入script
<script type="text/javascript" src="themes/模板名称/js/scrollpic.js"></script>

注意：调试显示框的宽度和翻页宽度。