如何通过单击按钮调用webkit的css功能？

Question

我可以通过点击按钮来调用webkit的css功能。我使用的代码如下。

我的主要page.ie index.html

        <div id="PAGE" >
      <img id="t1" src="images/t1.png" />
      <input type="button" value="Click Me!"/>
    </div>

我的风格.css页面

#PAGE{position:absolute;width:320px;height:416px;overflow:hidden;}
#t1{position:absolute;top:85px;opacity:0;-webkit-animation:t1Move 5s ease-out .5s forwards;}
@-webkit-keyframes t1Move
  {0% {left:225px;opacity:0;}
  20%{left:29px;opacity:1;}
  80{left:29px;opacity:1;}
  100% {left:29px;opacity:0;}
}

这里＆＃34; t1＆＃34;是一些测试图像。 现在我的问题是，我正在使用一些js代码，现在我想称之为＆＃34; t1Move＆＃34;不是在延迟时间之后，而是在点击按钮之后。请帮助我！