HTML实现图片左右滚动的代码分享 |已重置应用默认设置html

一、HTML代码

首先，在HTML代码中，需要定义一个div容器，将需要滚动的图片放置在该容器中。具体代码如下：

tainer”>g src=”图片1.jpg”/>g src=”图片2.jpg”/>g src=”图片3.jpg”/>g src=”图片4.jpg”/>g src=”图片5.jpg”/>

tainer是自定义的类名，可以按照自己的喜好进行修改。

二、CSS代码

tainer类进行样式设置，使其具备滚动的效果。具体代码如下：

tainer{owrap;

overflow-x: scroll;g: touch;

owrapg: touch;表示在移动端使用滑动手势进行滚动。

三、完整代码

最终的完整代码如下：

eta charset=”UTF-8″>

tainer{owrap;

overflow-x: scroll;g: touch;

}

tainer”>g src=”图片1.jpg”/>g src=”图片2.jpg”/>g src=”图片3.jpg”/>g src=”图片4.jpg”/>g src=”图片5.jpg”/>