javascript怎么实现,点击一个小图片,可以把这个图片放大?

这个小图和大图是不同的文件。在网页中显示一个小图片。然后点击它后可以放大的那种。... 这个小图和大图是不同的文件。 在网页中显示一个小图片。 然后点击它后可以放大的那种。 展开
 我来答
横纵坐标
推荐于2016-06-17 · 超过12用户采纳过TA的回答
知道答主
回答量:58
采纳率:0%
帮助的人:26.1万
展开全部
我也正在学习中,这个是我找到的答案 希望对你有帮助,
给图片绑定onmouseover和onmouseout事件,如onmouseover="showdiv(this.src)" onmouseout="hidediv();"鼠标移到图片的时候就显示出一个div,这个div要绝对定位,div里面是又一个<img>标签,可以把这个img 的height width都设大一点,<script >function showdiv(src){document.getElementById("div").style.display="block";//给div定位document.getElementById("img").src=src;}</script> <div id="div" style="display:none;"><!--宽高自己设一下--> <img id="img" ><!--宽高自己设一下--> </div>
小白前端圈
2014-04-01 · 小白前端学习圈子,圈子很小都是学前端的人
小白前端圈
采纳数:85 获赞数:158

向TA提问 私信TA
展开全部
通过点击换img的src属性就行了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
芸萱996
2020-09-10
知道答主
回答量:1
采纳率:0%
帮助的人:578
展开全部
$(document).ready(function () {
$('.img').dblclick(function () {
var c = $('#img');
c.toggleClass("img");
})
})
简单的双击放大效果
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yugi111
2014-03-31 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
zoomIn

zoomOut
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
民以食安1f3e
2014-03-31 · 超过15用户采纳过TA的回答
知道答主
回答量:44
采纳率:0%
帮助的人:22.8万
展开全部
这个效果的话,其实是有两张图片,就像楼上说的一样,只是还有一个和这个本来的图片一样的图片,就是一张图片大,一张小而已
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式