gpt4 book ai didi

javascript - 我的简单动画功能不起作用

转载 作者:行者123 更新时间:2023-11-28 13:55:04 27 4
gpt4 key购买 nike

我的html是:

<html>
<body>
<button id="widthPlus">increase </button>
<div id="bod"> hai </div>
<img id="tree" src="http://www.rangde.org/newsletter/nov11/images/real_tree.png" width="350"/>
</body>
</html>

我的脚本是:

$(document).ready(function() { 
$("#widthPlus").click(function(){
var currentwidth = $('#tree').attr('width');
var currentwidthNum = parseFloat(currentwidth, 350);
var newwidth = currentwidthNum+5;
$('#tree').animate({'width', newwidth}, 5000);
return false;
});
});

我试图在单击按钮时增加(5px)图像宽度 my jsfiddle is here

最佳答案

$(document).ready(function() {
$("#widthPlus").click(function() {

$('#tree').animate({
'width': '+=5'
}, 5000);
return false;
});
});

jsFiddle .

关于javascript - 我的简单动画功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8515649/

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