Hi guys... I've got another problem now... the URL was change to http://61.147.80.91:5555/ Could you have a look? If i click the "RO" button for the first time,the rotation works well. But after I click the "HOME" button to make the navigation middle of the window,when i click the "RO" button again,the rotate effect isn't what i want... How can it be? I've try to absolute the degree,but it dosen't work. What's wrong? Here is the code.
TweenLite.to($("#nav2"), .5, {css:{rotation:60}});
TweenLite.to($("#nav2 p"), .5, {css:{rotation:-60}});
TweenLite.to($("#nav3"), .5, {css:{rotation:120}});
TweenLite.to($("#nav3 p"), .5, {css:{rotation:-120}});
TweenLite.to($("#nav4"), .5, {css:{rotation:180}});
TweenLite.to($("#nav4 p"), .5, {css:{rotation:-180}});
TweenLite.to($("#nav5"), .5, {css:{rotation:240}});
TweenLite.to($("#nav5 p"), .5, {css:{rotation:-240}});
TweenLite.to($("#nav6"), .5, {css:{rotation:300}});
TweenLite.to($("#nav6 p"), .5, {css:{rotation:-300}});
//when page loaded,run the code above for once
function navInit(){//To make the navigation move to center
TweenLite.to(top_earth, 1, {css:{top:-win_height+'px'},ease:Quad.easeInOut});
TweenLite.to(nav, 1, {css:{top:win_height/2+'px'},ease:Quad.easeInOut});
TweenLite.to(nav1, 1, {css:{rotation:"0_cw"},ease:Quad.easeInOut});
TweenLite.to($("#nav1 p"), 1, {css:{rotation:"0"},ease:Quad.easeInOut});
TweenLite.to(nav2, 1, {css:{rotation:"60_cw"},ease:Quad.easeInOut});
TweenLite.to($("#nav2 p"), 1, {css:{rotation:"-60"},ease:Quad.easeInOut});
TweenLite.to(nav3, 1, {css:{rotation:"120_cw"},ease:Quad.easeInOut});
TweenLite.to($("#nav3 p"), 1, {css:{rotation:"-120"},ease:Quad.easeInOut});
TweenLite.to(nav4, 1, {css:{rotation:"180_cw"},ease:Quad.easeInOut});
TweenLite.to($("#nav4 p"), 1, {css:{rotation:"-180"},ease:Quad.easeInOut});
TweenLite.to(nav5, 1, {css:{directionalRotation:"240_cw"},ease:Quad.easeInOut});
TweenLite.to($("#nav5 p"), 1, {css:{rotation:"-240"},ease:Quad.easeInOut});
TweenLite.to(nav6, 1, {css:{directionalRotation:"300_cw"},ease:Quad.easeInOut});
TweenLite.to($("#nav6 p"), 1, {css:{rotation:"-300"},ease:Quad.easeInOut});
};
function navBottom(){//to make the navigation move to bottom
TweenLite.to(top_earth, 1, {css:{top:'-600px'},ease:Quad.easeInOut});
TweenLite.to(nav, 1, {css:{top:nav_distance+'px'},ease:Quad.easeInOut});
TweenLite.to(nav1, 1, {css:{rotation:"310"}});
TweenLite.to($("#nav1 p"), 1, {css:{rotation:"-310"}});
TweenLite.to(nav2, 1, {css:{rotation:"330"}});
TweenLite.to($("#nav2 p"), 1, {css:{rotation:"-330"}});
TweenLite.to(nav3, 1, {css:{rotation:"350"}});
TweenLite.to($("#nav3 p"), 1, {css:{rotation:"-350"}});
TweenLite.to(nav4, 1, {css:{rotation:"370"}});
TweenLite.to($("#nav4 p"), 1, {css:{rotation:"-10"}});
TweenLite.to(nav5, 1, {css:{directionalRotation:"30_cw"}});
TweenLite.to($("#nav5 p"), 1, {css:{rotation:"-30"}});
TweenLite.to(nav6, 1, {css:{directionalRotation:"50_cw"}});
TweenLite.to($("#nav6 p"), 1, {css:{rotation:"-50"}});
};