gpt4 book ai didi

javascript - JS中的图片放大缩小动画

转载 作者:可可西里 更新时间:2023-11-01 13:13:01 24 4
gpt4 key购买 nike

好的,所以我放入了一个 onclick 调整大小的图像,(变大然后 onclick 返回到原始大小)

我已经使用 JS 完成了此操作,但我似乎无法在大小之间的补间中暗示动画,我希望它明显变大而不是扩展到大小,而不仅仅是在两个实例之间轻弹。

代码如下:

      <script type="text/javascript">
<!--
var flag = true;
function resize() {
if(flag) {
document.getElementById("img1").style.width = "50px";
} else {
document.getElementById("img1").style.width = "280px";
}
(flag)?flag=false:flag=true;
}
//-->
</script>

<body onload="resize();">
<img id="img1" src="../images/attachicona.png" border="0" onClick="resize();" />

最佳答案

您可以使用 CSS3 过渡来实现相同的效果。不需要 javascript 或 jquery - css3 animation/transition/transform: How to make image grow?

或者你可以使用 jquery 动画 - http://forum.jquery.com/topic/image-resize-animation

关于javascript - JS中的图片放大缩小动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16794523/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com