网页设计怎样设置图片滚动（网页设计怎样设置图片滚动播放）

本文目录一览：

• 1、DIV中图片随滚动条滚动

DIV中图片随滚动条滚动

clientWidth后面负数的绝对值越大，图片越靠近左侧。clientHeight后面负数的绝对值越大，图片越靠近上部。这个是右边的图片，会一直顺着你的鼠标上下滚，比较好懂，你自己改一下就行了。

在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高。【background：#FA2；width：400px；height：600px；】。然后添加如下代码。

因为图片是直接添加到div中的，所以图片会适应div的大小，从而自动换行。要达到不换行的效果，需要在div中嵌套一层div2，并设置div2的宽度：Divwidth，从而保证图片不会换行；水平轴方向溢出，从而出现水平滚动条。

在图片滚动的方法中，最常用的就是scroll方法。在div的内容宽度超过div的宽度时。我们给div加属性overflow-x：scroll；出现的这种效果，我们称为srcollBar。当我们拖动滚动条的时候，未显示部分就会随着拖动显示出来。