addClass: Added visual test page for animation queueing.

scottgonzalez · scottgonzalez · commit c4701388e4d7 · 2010-12-17T11:35:47.000-05:00
diff --git a/tests/visual/addClass/addClass_queue.html b/tests/visual/addClass/addClass_queue.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>addClass Visual Test : Queue</title>
+	<link rel="stylesheet" href="../visual.css">
+	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
+	<script src="../../../jquery-1.4.4.js"></script>
+	<script src="../../../ui/jquery.effects.core.js"></script>
+	<style>
+	.box {
+		width: 100px;
+		height: 100px;
+		background-color: #000;
+	}
+	.red {
+		background-color: #f00;
+	}
+	.green {
+		background-color: #0f0;
+	}
+	.blue {
+		background-color: #00f;
+	}
+	</style>
+	<script>
+	$(function() {
+		$( "#box1" )
+			.delay( 500 )
+			.addClass( "red", 2000 )
+			.delay( 500 )
+			.addClass( "green", 2000 )
+			.delay( 500 )
+			.addClass( "blue", 2000 );
+		$( "#box2" )
+			.addClass( "red", 2000 )
+			.delay( 500 )
+			.addClass( "green", 2000 )
+			.delay( 500 )
+			.addClass( "blue", 2000 );
+	});
+	</script>
+</head>
+<body>
+
+<div id="box1" class="box"></div>
+<div id="box2" class="box"></div>
+
+</body>
+</html>
