原生js——点击图片放大预览

最新推荐文章于 2024-10-13 20:55:11 发布

lin_a_qing

最新推荐文章于 2024-10-13 20:55:11 发布

阅读量4k

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/lin_a_qing/article/details/107116920

版权

该博客主要介绍了如何使用纯JavaScript实现点击图片后实现大图预览的效果。通过HTML布局、CSS样式设置以及JavaScript的事件监听和DOM操作，达到图片点击放大并预览的目标。

摘要由CSDN通过智能技术生成

目的：点击图片时发大预览效果

html：

<body id="app">
	<div class="row" id="video">
		<div class="col-xs-12 col-sm-3 image center-block">
		     <img src="./images/feedback/01.jpg" alt="" />
		</div>
		<div class="col-xs-12 col-sm-3 image">
	         <img src="./images/feedback/02.jpg" alt="" />
	    </div>