1.什么是左右控制移动效果？

如下图所示，左右控制移动效果就是点击左边的箭头，中间的内容可以向左边移动，点击右边的内容，中间的内容可以向右边移动。

2.怎么制作呢？

第一步：先切出1号div作为整个容器。

第二步：再切出左（设置为背景）、中（设置为横向重复背景）、右（设置为背景）。

左边是2号切片，中间是3号切片，右边是是4号切片。

第三步：再在中间的3号切片里切出左边箭头（设置为图片），右边箭头（设置为图片）和中间滚动区。

左边箭头是5号切片，右边箭头是6号切片，中间是滚动区7号切片。

第四步：在7号切片中切出一个模板项，设置为图片。

选中的这个为8号切片，是滚动项中的一个模板项。

第五步：选择7号切片，在下面的属性设置区中的【滚动或移动】中【左右控制移动效果】打勾表示，需要生成这个层的左边控制移动效果。接着再设置【左边控制区】和【右边控制区】，如下图所示：

其它说明：

• 左边控制区和右边控制区可以通过【选】按钮进行可视化选择。
• 勾选【循环】表示滚动区内的项目移动完后从左边或右边第一个开始循环，不勾选则不重复出现。
• 【定时滚动】可以根据设置的时间进行定时向左或向右滚动

第六步：生成并导出，现在可以看到还不能滚动，是因为滚动区内的项目太少了，里面的内容必须要超过滚动区的宽度才会滚动，这时候我们可以在dreamwaver中复制多个模板项，保存再预览就可以了。如下图，把“test_8”这个div复制多个，保存一下，再预览就可以了。

第七步：如果滚动区内的内容从数据库里面来，后台可以添加、删除、修改，这种又怎么操作呢？这里我们就要设置数据源和数据了。

先打开数据库设计文件

然后设置滚动区的数据源

在设置模板的数据

最后生成导出就可以了

教学文件下载：左右控制滚动效果.zip

数据库版教学文件下载：

完整视频下载：