var elem = document.getElementById("animate");
var pos = 0;
var id = setInterval(frame, 5);
function frame() {
if (pos == 350) {
clearInterval(id);
} else {
pos++;
elem.style.left = pos + 'px';
}
}
// DOM chained methods
Siga.anim.animate(S('#animate')[0], 2000, {
'marginLeft': '350px'
});
// Or Easly :
S.anim.animate(S('#animate')[0], 2000, {
'marginLeft': '350px'
});
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
the installation of Siga is very simple, you can get a copy by downloading the minified file : : Download
In a very simple way, you can also import the default flavor of Lightx using the CDN.
<script type="text/javascript" src="https://gitcdn.xyz/repo/amine1107/siga/master/siga.min.js"></script>
$ git clone https://github.com/amine1107/siga.git
After downloading Siga,importit in your html file
<script type="text/javascript" src="../siga.min.css"></script>
Siga was created with Pure Javascript, and using 12 module.
Structure of Siga :
|---- components |---- sigaAjax.js |---- sigaAnim.js |---- sigaApi.js |---- sigaClass.js |---- sigaDom.js |---- sigaEnu.js |---- sigaEvents.js |---- sigaFuncHelp.js |---- sigaIndex.js |---- sigaPlugins.js |---- sigaProm.js |---- sigaTouch.js |---- siga.js