<div id="demo">
  <div id="logo">
    <p>hiwulan</p>
  </div>
</div>

#demo {
  width: 492px;
  height: 70px;
  background-color: #F5F5F5;
  padding: 8px;
}
#logo {
  position: relative;
  width: 150px;
  height: 60px;
  background: #DE0914 url(http://msnsmileys.net/P/Pucca/jump-high.gif) no-repeat;
  background-position: 4px 4px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: solid #BABABA 10px;
}
#logo p {
  font-size:17px;
  margin-top: 0px;
  margin-left: 70px;
  line-height: 58px;
}

window.onload = function() {
  var logo = document.getElementById("logo");
  TweenLite.to(logo, 2, {left:"342px", backgroundColor:"#BABABA", borderBottomColor:"#DE0914", color:"white"});
}