Hi
I tried to use TweenLite to animate some elements, but it didn't work !
The console.log command works, no errors occures, but nothing happens too.
This is the whole page :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ایشکاب</title>
<script src="js/greensock/TweenLite.min.js"></script>
<script type="application/javascript">
window.onload = function(){
var back = document.getElementById("back");
var table = document.getElementById("table");
console.log(table);
//TweenLite.to(table,4,{top:"4500px" , height:"0px"});
TweenLite.to(table,4,{top:"4500"});
TweenLite.to(back, 1.5, {width:100});
};
</script>
<style>
body,html {
padding: 0px;
margin: 0px;
height: 100%;
width: 100%;
overflow: hidden;
}
#cont {
position: relative;
margin: 0px auto;
width: 960px;
height: 100%;
overflow: hidden;
}
#back {
position: absolute;
background-image: url("images/back.jpg");
width: 960px;
height: 1484px;
}
#table {
position: absolute;
background-image: url("images/table.png");
width: 521px;
height: 1171px;
left: 0px;
top: 20%;
}
#menu {
position: fixed;
right: 10px;
bottom: 10px;
width: 300px;
height: 150px;
background-color: red;
}
</style>
</head>
<body>
<div id="cont">
<div id="back"></div>
<div id="table"></div>
<div id="menu"></div>
</div>
</body>
</html>