javascript怎么实现,点击一个小图片,可以把这个图片放大?
5个回答
展开全部
我也正在学习中,这个是我找到的答案 希望对你有帮助,
给图片绑定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>
给图片绑定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>
展开全部
通过点击换img的src属性就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(document).ready(function () {
$('.img').dblclick(function () {
var c = $('#img');
c.toggleClass("img");
})
})
简单的双击放大效果
$('.img').dblclick(function () {
var c = $('#img');
c.toggleClass("img");
})
})
简单的双击放大效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
zoomIn
zoomOut
zoomOut
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个效果的话,其实是有两张图片,就像楼上说的一样,只是还有一个和这个本来的图片一样的图片,就是一张图片大,一张小而已
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询