时间:2021-07-01 10:21:17 帮助过:111人阅读
js点击小图弹出大图的具体代码示例如下:
<div> <img class="dialog" src="1.png"> <div id="dialog_large_image"></div> </div>
<script type="text/javascript"> $(function () { $("img.dialog").click(function() { var large_image = '<img src= ' + $(this).attr("src") + '</img>'; $('#dialog_large_image').html($(large_image).animate({ height: '50%', width: '50%' }, 500)); }); }); </script>
这里要了解的知识点是:jQuery 事件 - click() 方法。
当点击元素时,会发生 click 事件。
当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。
click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。
本篇文章关于js点击缩略图切换大图的相关知识介绍,希望对有需要的朋友有所帮助。
【相关文章推荐】
利用JS实现点击按钮后图片自动切换的简单方法
jquery实现移动端点击图片查看大图特效_jquery
JS点击小图片关联显示大图片
使用JS实现点击循环切换图片(附代码)
以上就是js如何操作来实现点击小图展示出大图的效果?(代码示例)的详细内容,更多请关注Gxl网其它相关文章!