扫描二维码添加客服微信
扫描二维码关注
基于jquery的图片放大缩小-jquery 图片放大 再缩小 再放大
原创：找图网
2023-05-03 09:13:53
在jquery中怎样使图片变大变小
<html>
<body>
<input type="button" value="变大" onclick="test(20)"/>
<input type="button" value="变小" onclick="test(-20)"/>
<img src="" id="img" style="width:100px"/>
</body>
</html>
<script>
var w = 100;
function test(n)
{
var img = ("img");
w = w+n;
= w+"px";
}
</script>
代码如上所示,这是一个最简单的控制图片大小的示例
jquery如何点击放大图片
第一使用方法:
1、调用样式
2、将你需要放大的图片,按照图中代码的格式书写
3、调用三个js,并指定你需要放大的图片a标签的id即可
第二使用方法:
jquery 图片放大 再缩小 再放大
function _go(sts){
var type = sts?1:-1;
$('img').animate({width:750 + type * 250 ,height:260 + type * 130},2000,"linear",function(){
_go(!sts);
})
}
_go();
width 后面的750是中间值 250是波动值
具体大小可以自己调节
最新文章 更多
-
果盘绘画图片大全简单创作方法快速制作技巧2024-01-02 16:57:54
-
小年插画图片创作方法快速制作技巧2024-01-02 16:57:20
-
小年绘画作品制作技巧2024-01-02 16:55:45
-
小年插画图片创作方法快速制作技巧
2024-01-02 16:55:02
-
立春插画图片如何制作2024-01-02 16:54:19
-
立春插画图片创作方法快速制作技巧2024-01-02 16:53:32
