色达旅游2月份去的了嘛:【制作素材】图片移动的代码
一、从右向左移动
二、从左向右移动
三、由下往上移动
四、由上往下移动
片移动的代码
一、从右向左移动
二、从左向右移动
三、由下往上移动
四、由上往下移动
五、由下往上S移动
六、来回移动
七、中间向两边分
冷月所闲愁欢迎您的光临
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离。
如果您对此有兴趣,点击在线编辑器,
点击左下角的“源代码”,把上面的代码粘上,换上您的图片地址,再点击预览即可看到,点击复制,粘贴到文章中即可
',1)">
三、由下往上移动
四、由上往下移动
五、由下往上S移动
六、来回移动
七、中间向两边分
冷月所闲愁欢迎您的光临
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离。
如果您对此有兴趣,点击在线编辑器,
点击左下角的“源代码”,把上面的代码粘上,换上您的图片地址,再点击预览即可看到,点击复制,粘贴到文章中即可
',2)">
三、由下往上移动
四、由上往下移动
五、由下往上S移动
六、来回移动
七、中间向两边分
冷月所闲愁欢迎您的光临
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离。
如果您对此有兴趣,点击在线编辑器,
点击左下角的“源代码”,把上面的代码粘上,换上您的图片地址,再点击预览即可看到,点击复制,粘贴到文章中即可
',3)">
三、由下往上移动
四、由上往下移动
五、由下往上S移动
六、来回移动
七、中间向两边分
冷月所闲愁欢迎您的光临
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离。
如果您对此有兴趣,点击在线编辑器,
点击左下角的“源代码”,把上面的代码粘上,换上您的图片地址,再点击预览即可看到,点击复制,粘贴到文章中即可
',4)">
五、由下往上S移动
六、来回移动
七、中间向两边分
冷月所闲愁欢迎您的光临
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离。
如果您对此有兴趣,点击在线编辑器,
点击左下角的“源代码”,把上面的代码粘上,换上您的图片地址,再点击预览即可看到,点击复制,粘贴到文章中即可
',5)">
三、由下往上移动
四、由上往下移动
五、由下往上S移动
六、来回移动
七、中间向两边分
冷月所闲愁欢迎您的光临
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离。
如果您对此有兴趣,点击在线编辑器,
点击左下角的“源代码”,把上面的代码粘上,换上您的图片地址,再点击预览即可看到,点击复制,粘贴到文章中即可
',6)">
三、由下往上移动
四、由上往下移动
五、由下往上S移动
六、来回移动
七、中间向两边分
冷月所闲愁欢迎您的光临
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离。
如果您对此有兴趣,点击在线编辑器,
点击左下角的“源代码”,把上面的代码粘上,换上您的图片地址,再点击预览即可看到,点击复制,粘贴到文章中即可
',7)">
三、由下往上移动
四、由上往下移动
五、由下往上S移动
六、来回移动
七、中间向两边分
冷月所闲愁欢迎您的光临
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离。
如果您对此有兴趣,点击在线编辑器,
点击左下角的“源代码”,把上面的代码粘上,换上您的图片地址,再点击预览即可看到,点击复制,粘贴到文章中即可
',8)">