diff options
author | Scott González <scott.gonzalez@gmail.com> | 2010-12-17 11:35:47 -0500 |
---|---|---|
committer | Scott González <scott.gonzalez@gmail.com> | 2010-12-17 11:35:47 -0500 |
commit | c4701388e4d70756b726234c435b75fae1ce18f9 (patch) | |
tree | f41cb86db5090e5a747fd002e65945f81dcc3dbe | |
parent | 08422d69da9b916e645aefc1d6996dde24a44788 (diff) | |
download | jquery-ui-c4701388e4d70756b726234c435b75fae1ce18f9.tar.gz jquery-ui-c4701388e4d70756b726234c435b75fae1ce18f9.zip |
addClass: Added visual test page for animation queueing.
-rw-r--r-- | tests/visual/addClass/addClass_queue.html | 50 |
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> |