eulalie: client/player/css/jq-css/demos/effect/easing.html@2d6866072851 (annotated)

51 2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	1	<!DOCTYPE html>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	2	<html lang="en">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	3	<head>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	4	<meta charset="UTF-8" />
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	5	<title>jQuery UI Effects - Effect Demo</title>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	6	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	7	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	8	<script type="text/javascript" src="../../ui/jquery.effects.core.js"></script>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	9	<link type="text/css" href="../demos.css" rel="stylesheet" />
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	10	<style type="text/css">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	11	.graph {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	12	float: left;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	13	margin-left: 10px;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	14	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	15	</style>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	16	<script type="text/javascript">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	17	$(function() {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	18	if (!$("<canvas/>")[0].getContext) {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	19	$("<div/>").text("Your browser doesn't support canvas, which is required for this demo. Give Firefox 3 a try!").appendTo("#graphs");
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	20	return;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	21	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	22	var i = 0;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	23	var width = 100,
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	24	height = 100;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	25	$.each($.easing, function(name, impl) {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	26	// skip linera/jswing and any non functioning implementation
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	27	if (!$.isFunction(impl) \|\| /jswing/.test(name))
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	28	return;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	29	var graph = $("<div/>").addClass("graph").appendTo("#graphs");
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	30	var text = $("<div/>").text(++i + ". " + name).appendTo(graph);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	31
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	32	var canvas = $("<canvas/>").appendTo(graph)[0]
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	33	canvas.width = width;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	34	canvas.height = height;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	35	var drawHeight = height * 0.8;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	36	var cradius = 10;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	37	var ctx = canvas.getContext("2d");
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	38	ctx.fillStyle = "black";
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	39
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	40	ctx.beginPath();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	41	ctx.moveTo(cradius, 0);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	42	ctx.quadraticCurveTo(0, 0, 0, cradius);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	43	ctx.lineTo(0, height - cradius);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	44	ctx.quadraticCurveTo(0, height, cradius, height);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	45	ctx.lineTo(width - cradius, height);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	46	ctx.quadraticCurveTo(width, height, width, height - cradius);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	47	ctx.lineTo(width, 0);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	48	ctx.lineTo(cradius, 0);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	49	ctx.fill();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	50
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	51	ctx.strokeStyle = "#555";
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	52	ctx.beginPath();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	53	ctx.moveTo(width * 0.1, drawHeight + .5);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	54	ctx.lineTo(width * 0.9, drawHeight + .5);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	55	ctx.stroke();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	56
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	57	ctx.strokeStyle = "#555";
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	58	ctx.beginPath();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	59	ctx.moveTo(width * 0.1, drawHeight * .3 - .5);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	60	ctx.lineTo(width * 0.9, drawHeight * .3 - .5);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	61	ctx.stroke();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	62
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	63	ctx.strokeStyle = "white";
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	64	ctx.beginPath();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	65	ctx.lineWidth = 2;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	66	ctx.moveTo(width * 0.1, drawHeight);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	67	$.each(new Array(width), function(position) {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	68	var val = impl(0, position, 0, 1, height);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	69	if (/linear\|jswing/.test(name)) val = position / width;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	70	ctx.lineTo(position * 0.8 + width * 0.1, drawHeight - drawHeight * val * 0.7);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	71	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	72	ctx.stroke();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	73	graph.click(function() {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	74	$(canvas).animate({height: "hide"}, 2000, name).animate({"left": "0"}, 800).animate({height: "show"}, 2000, name);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	75	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	76
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	77	graph.width(width).height(height + text.height() + 10);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	78	//return false;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	79	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	80	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	81	</script>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	82	</head>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	83	<body>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	84
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	85	<div class="demo">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	86
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	87	<div id="graphs"></div>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	88
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	89	<div id="animted"></div>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	90
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	91	</div><!-- End demo -->
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	92
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	93	<div class="demo-description">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	94
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	95	<p><strong>All easings provided by jQuery UI are drawn above, using a HTML canvas element</strong>. Click a diagram to see the easing in action.</p>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	96
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	97	</div><!-- End demo-description -->
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	98
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	99	</body>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	100	</html>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	101

author	samuel huron <admin@cybunk.com>
	Thu, 17 Jun 2010 11:16:34 +0200
changeset 51	2d6866072851
child 57	3a3c15c462f8
permissions	-rw-r--r--