Jquery.path simple example

JavaScript
1

I’m trying to reproduce a simple example of bezier animation using jquery.path plugin, but without success. Somethingis wrong or missing.

<!doctype html>
<html>
<head>
<link href='index.css' rel='stylesheet'>
</head>
<body>
<div id='el'></div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script src='jquery.path.js'></script>
<script src='index.js'></script>
</body>
</html>

css

#el{
	position:absolute;
	width:25px; height:25px;
	border-radius:50%;
	background:lightgreen;	
}

javascript

var path = $.path.bezier({
	start: {x:10, y:10, angle: 20, length: 0.3},
	end:   {x:20, y:30, angle: -20, length: 0.2}
})
$("#el").animate({path: path}, 5000);
2

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.