Javascript: Moving HTML elements using Tween
August 15th, 2010This is the script based on Tween using for any HTML elements basic animation. Following these steps :
- Insert this script file to your page : “moveTween.js” moveTween
- Create the DOM event with toggleDown and toggleUp functions , eg. onmouseover(toggleDown([ID name], [direction], [startPos], [endPos])) , onmouseout(toggleDown([ID name], [direction], [startPos], [endPos])), …
Here is an example, when the “logo” is onmouseover, it will drop down from the top :
<div id="logo" onclick="location.href='http://www.vitacreations.com';"
style="position: absolute; top: 0; cursor:pointer;"
onmouseover="toggleDown('logo','top',0,20)";
onmouseout="toggleUp('logo','top',0,20);">
</div>










No Response to Javascript: Moving HTML elements using Tween