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
    扫描二维码添加微信 
  • ,领取淘宝优惠券,淘宝购物更优惠。现在添加微信,还可以领取机械键盘优惠券!添加微信后,分享淘宝选中的机械键盘给淘宝机器人即可领取!
    支持我们,就用微信淘宝!

    发表笔记

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

    更多阅读