Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
adjust animation speed slowing down again
- Loading branch information
Showing
with
2 additions
and
2 deletions.
-
+2
−2
index.html
|
@@ -5,7 +5,7 @@ |
|
|
<title>Color Spinner</title> |
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
|
|
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> |
|
|
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/dark-hive/jquery-ui.min.css" /> |
|
|
<link rel="stylesheet" href="/ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/dark-hive/jquery-ui.min.css" /> |
|
|
<style> |
|
|
#color { |
|
|
border: 1px solid #000000; |
|
@@ -29,7 +29,7 @@ <h2>Slide to change the box color</h2> |
|
|
change: function (event, ui) { |
|
|
var color = '#' + Math.floor(ui.value * 16777215).toString(16); |
|
|
console.log("change color", ui.value, color); |
|
|
$('#color').animate({'background-color': color}, 300); |
|
|
$('#color').animate({'background-color': color}, 301); |
|
|
} |
|
|
}); |
|
|
</script> |
|
|