1

我没有任何运气让 jqueryrotate example #2 on this page在一个简单的 html 页面上工作。我究竟做错了什么?谢谢您的帮助。

这是我的代码 -

    <!DOCTYPE html>

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<STYLE type="text/css">
 #img { margin:100px 100px;}
</STYLE>
</head>
<body>

<script type="text/javascript">
$("#img").rotate({ 
   bind: 
     { 
        mouseover : function() { 
            $(this).rotate({animateTo:180})
        },
        mouseout : function() { 
            $(this).rotate({animateTo:0})
        }
     } 

});
</script>


<img id="img" src="https://www.google.com/images/srpr/logo3w.png">
</body>
</html>
4

1 回答 1

1

您的代码可以正常工作,请参见此处

您可能应该使用ready

$(document).ready(function() {
    $("#img").rotate({
        bind: {
            mouseover: function() {
                $(this).rotate({
                    animateTo: 180
                })
            },
            mouseout: function() {
                $(this).rotate({
                    animateTo: 0
                })
            }
        }

    });
});​

另外,我不建议使用 id#img这不是错的,它只是一种丑陋的 IMO。

于 2012-12-14T22:15:49.470 回答