很简单的jq点击放大图片的效果

最新推荐文章于 2023-01-10 09:36:51 发布

离恢

最新推荐文章于 2023-01-10 09:36:51 发布

阅读量791

点赞数

分类专栏： jquery html jq 文章标签： jquery html

本文链接：https://blog.csdn.net/weixin_46352236/article/details/110949526

版权

这篇博客介绍了如何使用jQuery简单实现图片点击后放大的功能。通过为点击元素赋予相同类名，结合JavaScript获取当前图片路径，并将其显示为大图。在用户再次点击时，实现大图缩小回原样。实现过程中主要运用了.on()方法来处理多张图片的点击事件。

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

前言

很简单的点击放大图片的效果,代码都有注释,一看就懂

一、先上代码

<html>
	<head>
		<title>图片放大</title>
		<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
		body,html{
   margin:0;padding:0;background:red;}
		img{
   width:100px;height:100px;}
		.bigPic{
   display:none;}
		.pic02{
   position:absolute;top:0

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

离恢

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
很简单的jq点击放大图片的效果

前言很简单的点击放大图片的效果,代码都有注释,一看就懂一、先上代码<html> <head> <title>图片放大</title> <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> body,html{margin:0;padding:0;bac.
复制链接

扫一扫