Jquery实现点击图片放大和缩小

作者: Arvin Chen 分类: Jquery 来源: Break易站(www.breakyizhan.com)

Jquery实现点击图片放大和缩小

网站有时候的图片比较小,但是放大又不好看,所以我们可以用Jquery来实现点击图片放大和缩小,源代码如下:

<html>
<head>
<meta charset="utf-8">
<script type='text/javascript' src='https://www.breakyizhan.com/wp-includes/js/jquery/jquery.min.js'>
</script>
<style>
.max{width:100%;height:auto;} .min{width:600px;height:auto;}
</style>
<script>
$(function() {
$('img').click(function() {
$(this).toggleClass('min');
$(this).toggleClass('max');
});
});
</script>
</head>
<body>
<img class='min' src='https://www.breakyizhan.com/wp-content/uploads/2017/11/git.png'>
</body>
</html>

  •   本文标题:Jquery实现点击图片放大和缩小 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/jquery/5412.html
      微信返利机器人
      免费:淘宝,京东,拼多多优惠券
      腾讯,爱奇艺,优酷的VIP视频免费解析,免费看
      即刻扫描二维码,添加微信机器人!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注