微信公众号,内部可拖动

实现效果

image

核心代码

		<section style="overflow: hidden;line-height: 0;height:500px">
			<section style="height:500px;line-height: 0;">

				<section
					style="background: url(./img/ye/ren1.jpeg);background-size:cover;display: inline-block;width: 100%;vertical-align: top;overflow-x: auto;">
					<section style="overflow: hidden;width: 300%;transform: rotate(0deg);max-width: 300% !important;">
						<section style=" display: inline-block;vertical-align: middle;width: 33%;">
							<img src="./img/ye/ye1.png"
								style="vertical-align: middle; box-sizing: border-box; width: 100% !important; visibility: visible !important;"
								alt="">
						</section>
						<section style="display: inline-block;vertical-align: middle;width: 33%;margin-left: -5px;">
							<img src="./img/ye/ye2.png"
								style="vertical-align: middle; box-sizing: border-box; width: 100% !important;  visibility: visible !important;"
								alt="">
						</section>
						<section style="display: inline-block;vertical-align: middle;width: 33%;">
						</section>
					</section>
				</section>

			</section>
		</section>
posted @ 2020-11-23 16:47  瀚海云涛  阅读(207)  评论(0编辑  收藏  举报