gpt4 book ai didi

javascript - JSTween 库损坏

转载 作者:行者123 更新时间:2023-11-28 20:26:21 29 4
gpt4 key购买 nike

JSTween 库似乎没有执行从库教程中提取的简单动画。使用以下代码,警报框将在分配的 1 秒持续时间后显示,但不会发生动画。

我一定是把库设置错了,但我看不出问题所在。

<html>
<head>

<style type="text/css">
#box
{
width: 16px;
height: 16px;
}
</style>

<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script type="text/javascript" src="jstween-1.1.js" ></script>
<script type="text/javascript" src="jstween-1.1.min.js" ></script>

<script type="text/javascript">
function animate()
{
$('#box').tween({
width:{
start: 16,
stop: 200,
time: 0,
units: 'px',
duration: 1,
effect:'easeInOut',
onStop: function(){ alert( 'Done!' ); }
}
}).play();
}
</script>
</head>

<body>

<div id="box">
<img src="image.png" onClick="animate()" />
</div>

</body>
</html>

其他信息:在 10.7.5 上使用 Safari。代码在 Chrome 或 Firefox 中也不起作用。

最佳答案

对于将来可能读到这篇文章的人,我发现了这个问题:CSS 元素 #box 需要 position:relative; 作为属性,否则浏览器将默认将该元素固定在适当的位置.

关于javascript - JSTween 库损坏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17317297/

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