《网页中滚动多张图片特效.docx》由会员分享，可在线阅读，更多相关《网页中滚动多张图片特效.docx（5页珍藏版）》请在三一办公上搜索。
1、网页中滚动多张图片特效注意: 各参数详解： scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为13比较好。 width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。 direction。表示滚动的方向，默认为从右向左：。可选的值有right、down、up。滚动方向分别为：right表示，up表示，down表示。 scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。 behavior。用它来控制属性，默认为循环滚动，
2、可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动) 蓝色地方是图片地址，可以换上自己喜欢的图片。 向上循环 效果： 2.图片向下循环滚动代码： 3.图片向左循环滚动代码： 4.图片向右循环滚动代码： 效果： 5.图片来回滚动代码： 以上五种图片滚动效果代码说明： 1.“width=380”表示滚动的宽度范围，数值可以按自己喜欢的调整 2.“height=275”表示滚动的高度范围，数值可以随意调整 3.“scrollAmount=3”表示滚度速度为3，1到3为最佳数值，默认为6 4.“height=275”表示图片的高度为275 5.“width=
3、220”表示图片的宽度为220 6.“图片地址”表示图片的属性地址粘贴处 下面我们说说图片的添加： 首先： 表示一张图片的粘贴代码，如果要增加或减少一个图片，则是添加或删除一段这个代码就ok了。 那么：如何添加？ 其实只要把这段代码放在相同的代码后面或前面就可以了。 6.图片居中向两边滚动代码： 7.图片居中上下分开滚动代码： /center 8.图片居中上下靠拢滚动代码： 效果： 以上6、7、8双向滚动代码说明： 1.绿色地方“width=220 height=200”表示滚动范围的宽和高度， 尤其宽度绝对要参对图片的宽度来调整。 2.为什么要区分图片地址的1和2，这是因为要说明如果做好这个对图效果， 则需要所有的图片地址1都放相同图片，图片地址2也是要对齐2的图片， 如果要添加图片，则需要上下图片对应添加。 比如：添加图片地址3后代码显示： 9.图片设定百叶窗式对开滚动代码： 代码说明： 1.“borderColor=#FF00CC”表示边框颜色，颜色码：FF00CC 去掉“borderColor=#FF00CC”表示默认为白色 2.“width=110”表示图片滚动范围的宽度、最好调整为1张图片宽度的一半。 3.“cellSpacing=2”表示表格线的距离为2，本人认为最佳值为1到3。 4.“border=2”表示边框外格线的宽度为2、可以调整。
