添加滚动效果

例如:

<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>

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

天才就是这样,终身努力,便是天才。

添加滚动效果

相关文章:

你感兴趣的文章:

标签云: