jquery js实现一张图片以水平轴翻滚效果

我想实现一张图片以水平轴翻滚效果，有没有插件能够实现或者高手给写个，这个效果就类似手机wp7系统的社交图片实时更新的效果

解决方案 »

  1.   

    换个能用的图片用chrome看<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style>
    @-webkit-keyframes fanzhuan
    {
    0%{
    -webkit-transform:rotate3d(10,0,0,0deg);}
    50%
    {
    -webkit-transform:rotate3d(10,0,0,360deg);}
    }div{ 
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -webkit-animation-name:fanzhuan;
    }
    </style>
    </head><body>
    <div style="width:300px; height:300px;"><img src="4c647c35a84228e15edf0ed6.jpg" style="width:300px; height:300px;"/></div>
    </body>
    </html>