JS转盘手动切换效果

使用scrollpicleft.js库来实现画面的前后切换，在网页上显示的证书和项目如商品的推荐是非常适合的。不像传统的字幕滚动，它可以手动点击前后开关箭头按钮翻页，以便浏览最后一个和下一个。

无需调用jQuery，简单的初始化，使用方便，方便。

榜样效应：
JS代码：
无功scrollphoto =新scrollpicleft（）；
scrollphoto.scrollcontid =isl_photo ； / / 内容身份
scrollphoto.arrleftid =left_photo ； / /左箭头标识
scrollphoto.arrrightid =right_photo ； / / ID右箭头
scrollphoto.framewidth = 450； / /显示框的宽度
scrollphoto.pagewidth = 150； / /页面宽度
scrollphoto.speed = 10； / /速度（以毫秒为单位，体积更小、速度更快的）
scrollphoto.space = 10； / /每次移动的像素（单位像素，更大、更快）
scrollphoto.autoplay = false； / /自动播放
scrollphoto.autoplaytime = 3； / /自动播放的时间间隔（秒）
（scrollphoto。初始化）； / /初始化
这个例子描述了js图片转盘的手动切换效果。供大家分享，供大家参考：

这是一个基于js图像的旋转木马效果，基于手动切换代码，实现过程简单。

代码js图片转盘，手动切换效果，供大家分享。

JS图片转盘手动切换效果
HTML，体，UL，李余量：0；填充：0；}
列表样式：无；}
。dd_main {宽度：520px；}
。zl_left {宽度：35px；浮动：左；文本对齐：左；填料顶部：60px }
。zl_right {宽度：35px；浮动权；文本对齐：右；填料顶部：60px }
。zl_content {宽度：450px；身高：153px；浮动：左；溢出：隐藏；}
UL Li。zl_content {宽度：130px；padding: 0 10px；文本对齐：中心；浮动：左；}
欢迎{位置：固定；宽度：100%；文本对齐：中心；底：30px；}
。欢迎{颜色：# 0350b8；}

无功scrollphoto =新scrollpicleft（）；
scrollphoto.scrollcontid =isl_photo ； / / 内容身份
scrollphoto.arrleftid =left_photo ； / /左箭头标识
scrollphoto.arrrightid =right_photo ； / / ID右箭头
scrollphoto.framewidth = 450； / /显示框的宽度
scrollphoto.pagewidth = 150； / /页面宽度
scrollphoto.speed = 10； / /速度（以毫秒为单位，体积更小、速度更快的）
scrollphoto.space = 10； / /每次移动的像素（单位像素，更大、更快）
scrollphoto.autoplay = false； / /自动播放
scrollphoto.autoplaytime = 3； / /自动播放的时间间隔（秒）
（scrollphoto。初始化）； / /初始化

下载源代码：js图片转盘手动切换效果

以上是分享js图片的代码，旋转木马手动切换效果，希望大家能喜欢，并应用到实践中。