aboutsummaryrefslogtreecommitdiffstats
path: root/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/addClass/queue.html
diff options
context:
space:
mode:
Diffstat (limited to '97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/addClass/queue.html')
-rw-r--r--97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/addClass/queue.html52
1 files changed, 52 insertions, 0 deletions
diff --git a/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/addClass/queue.html b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/addClass/queue.html
new file mode 100644
index 0000000..2b21a4e
--- /dev/null
+++ b/97suifangqa/staticfiles/plugins/jquery-ui/tests/visual/addClass/queue.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <title>addClass Visual Test : Queue</title>
+ <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
+ <script src="../../../jquery-1.9.1.js"></script>
+ <script src="../../../ui/jquery.ui.effect.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>
+
+<p>WHAT: The two boxes animate from black to red to green to blue.</p>
+<p>EXPECTED: The first box should start with a delay, the second box should start immediately.</p>
+
+<div id="box1" class="box"></div>
+<div id="box2" class="box"></div>
+
+</body>
+</html>