diff options
| author | Filipp Lepalaan <f@230.to> | 2014-02-19 18:02:09 +0200 |
|---|---|---|
| committer | Filipp Lepalaan <f@230.to> | 2014-02-19 18:02:09 +0200 |
| commit | 75ad7e4bd7d69243e7e5281c2642f00478fb072d (patch) | |
| tree | eaaaf360902d369f42d94778aac8803db7973ce0 /apps/it/static/js/ui/tests/visual/addClass/queue.html | |
| parent | cfc7c3f52544af8a71d3fa3988a06fee200d2c24 (diff) | |
| download | pudding-75ad7e4bd7d69243e7e5281c2642f00478fb072d.tar.gz pudding-75ad7e4bd7d69243e7e5281c2642f00478fb072d.tar.bz2 pudding-75ad7e4bd7d69243e7e5281c2642f00478fb072d.zip | |
Added tags, jquery UI
Diffstat (limited to 'apps/it/static/js/ui/tests/visual/addClass/queue.html')
| -rw-r--r-- | apps/it/static/js/ui/tests/visual/addClass/queue.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/apps/it/static/js/ui/tests/visual/addClass/queue.html b/apps/it/static/js/ui/tests/visual/addClass/queue.html new file mode 100644 index 0000000..1b20689 --- /dev/null +++ b/apps/it/static/js/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.10.2.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> |