Javascript 使用jsAnim.js

我一直在尝试使用jsanim.js设置一个基本的测试动画，并使用他们的示例站点设置我的html、css和js。然而，我就是搞不懂（不是开发人员…设计师！），而且这里不仅仅有一个简单的html、css、js文件可供下载，显示如何从左到右设置DIV动画

图书馆如何工作的例子很清楚，但我在设置中缺少一些东西，在网站上查看它们的来源是疯狂的…那里发生了太多事情

感谢所有具有jsAnim.js经验的人

最好的

---

马克

我在这方面遇到了麻烦

在javascript尝试设置动画之前，您需要确保正在尝试设置动画的div已加载到页面上

<div id="divToAnimate"> 
</div>

<script language="javascript">
    var manager = new jsAnimManager(40); 
    etc......
</script>

风险值管理人=新的风险值管理人（40）；
等

---

否则它将无法工作。

我对此有问题

在javascript尝试设置动画之前，您需要确保正在尝试设置动画的div已加载到页面上

<div id="divToAnimate"> 
</div>

<script language="javascript">
    var manager = new jsAnimManager(40); 
    etc......
</script>

风险值管理人=新的风险值管理人（40）；
等

---

否则它将无法工作。

将此脚本放在标题中

<script>
function doAnimation(){
var manager = new jsAnimManager(40);
myObject = document.getElementById("box");   
var anim = manager.createAnimObject("box"); 
anim.add({property: Prop.width, from: 50, to: 500, duration: 2000});
}
</script>

函数doAnimation（）{
风险值管理人=新的风险值管理人（40）；
myObject=document.getElementById（“框”）；
var anim=manager.createAnimObject（“框”）；
动画添加（{属性：Prop.width，from:50，to:500，持续时间：2000}）；
}

在html中放置一个div，ID为“box”。和一个按钮来触发该功能

<div id="box"></div>
<button onclick="doAnimation()">animate</button>

使有生气

我发现jsAnim可以与jQuery搭配使用，但仔细观察之后，它似乎都有点欠开发，有点多余。我的大部分动画都是在jQuery中制作的，如果我需要在贝塞尔或圆弧上制作动画，我会使用一个名为

---

哦，别忘了在头文件中包含jsAnim文件的路径。

将此脚本放在头文件中

<script>
function doAnimation(){
var manager = new jsAnimManager(40);
myObject = document.getElementById("box");   
var anim = manager.createAnimObject("box"); 
anim.add({property: Prop.width, from: 50, to: 500, duration: 2000});
}
</script>

函数doAnimation（）{
风险值管理人=新的风险值管理人（40）；
myObject=document.getElementById（“框”）；
var anim=manager.createAnimObject（“框”）；
动画添加（{属性：Prop.width，from:50，to:500，持续时间：2000}）；
}

在html中放置一个div，ID为“box”。和一个按钮来触发该功能

<div id="box"></div>
<button onclick="doAnimation()">animate</button>

使有生气

我发现jsAnim可以与jQuery搭配使用，但仔细观察之后，它似乎都有点欠开发，有点多余。我的大部分动画都是在jQuery中制作的，如果我需要在贝塞尔或圆弧上制作动画，我会使用一个名为

哦，别忘了在头文件中包含jsAnim文件的路径

<script>
function doAnimation(){
var manager = new jsAnimManager(40);
myObject = document.getElementById("box");   
var anim = manager.createAnimObject("box"); 
anim.add({property: Prop.width, from: 50, to: 500, duration: 2000});
}
</script>