aboutsummaryrefslogtreecommitdiffstats
path: root/tests/visual
diff options
context:
space:
mode:
authorScott González <scott.gonzalez@gmail.com>2010-12-17 11:35:47 -0500
committerScott González <scott.gonzalez@gmail.com>2010-12-17 11:35:47 -0500
commitc4701388e4d70756b726234c435b75fae1ce18f9 (patch)
treef41cb86db5090e5a747fd002e65945f81dcc3dbe /tests/visual
parent08422d69da9b916e645aefc1d6996dde24a44788 (diff)
downloadjquery-ui-c4701388e4d70756b726234c435b75fae1ce18f9.tar.gz
jquery-ui-c4701388e4d70756b726234c435b75fae1ce18f9.zip
addClass: Added visual test page for animation queueing.
Diffstat (limited to 'tests/visual')
-rw-r--r--tests/visual/addClass/addClass_queue.html50
1 files changed, 50 insertions, 0 deletions
diff --git a/tests/visual/addClass/addClass_queue.html b/tests/visual/addClass/addClass_queue.html
new file mode 100644
index 000000000..27c3848a7
--- /dev/null
+++ 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>