2010-12-17 16:35:47 +00:00
|
|
|
<!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">
|
2011-10-18 13:38:27 +00:00
|
|
|
<script src="../../../jquery-1.6.4.js"></script>
|
2010-12-17 16:35:47 +00:00
|
|
|
<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>
|