我一直在尝试使用jsanim.js设置基本的测试动画,并使用其示例网站来设置html,css和js。但是,我只是想不通(不是开发人员...设计人员!),这里没有下载简单的html,css,js文件,该文件显示了如何从左至右说出动画DIV。

库的工作方式示例很清楚,但是我在设置中缺少一些东西,在站点上查看它们的来源真是疯了……那里的事情太多了。

感谢所有有jsAnim.js http://www.jsanim.com经验的人

最好,

标记

最佳答案

将此脚本放在标题中。

<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>


在您的html中放置一个ID为“ box”的div。并有一个按钮触发功能。

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


我发现jsAnim可以与jQuery配对,但是在更仔细地研究之后,所有这些似乎都欠发达并且有点多余。我使用jQuery制作大多数动画,如果需要在贝塞尔曲线或弧线上制作动画,则使用了名为Weepy的插件。

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

09-30 13:12