2016-03-16 39 views
0

试图重新此:JQuery的宽松政策没有发挥作用

http://jsfiddle.net/pvq111u9/

这一次旋转360度,然后停止...缓和功能不被称为...甚至尝试包括jquery.easing.min .js文件...

<script type="text/javascript" src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> 
<img src="picpath" id="image"> 
<script type="text/javascript"> 
    var rotation = function(){ 
    $("#image").rotate({ 
     angle:0, 
     animateTo:360, 
     callback: rotation, 
     easing: function (x,t,b,c,d){ 
     // t: current time, b: begInnIng value, c: change In value, d: duration 
     return c*(t/d)+b; 
     } 
    }); 
    } 
    rotation(); 

回答

0

是否确实关闭了script标签?工作对我来说fiddle

0

你需要把图片文件的扩展名,jQuery库和密切</script>标签,例如:

<script type="text/javascript" src="http://code.jquery.com/jquery-2.2.1.min.js"></script> 
<script type="text/javascript" src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> 


<img src="descarga.jpg" id="image"> 

<script type="text/javascript"> 
    var rotation = function(){ 
    $("#image").rotate({ 
     angle:0, 
     animateTo:360, 
     callback: rotation, 
     easing: function (x,t,b,c,d){ 
     // t: current time, b: begInnIng value, c: change In value, d: duration 
     return c*(t/d)+b; 
     } 
    }); 
    } 
    rotation(); 
    </script>