请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

添加滚动效果

例如:
<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>
注意:调试显示框的宽度和翻页宽度。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

    热门帖子
  • 精华
  • 新帖
快速回复 返回顶部 返回列表