From 3909e6d89e01e4cd8777377c63037896bb95aa2f Mon Sep 17 00:00:00 2001 From: Leif Johansson Date: Fri, 25 Nov 2011 21:18:19 +0100 Subject: new jq layout --- src/main/webapp/jquery-ui-1.9pre/docs/animate.html | 78 ++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 src/main/webapp/jquery-ui-1.9pre/docs/animate.html (limited to 'src/main/webapp/jquery-ui-1.9pre/docs/animate.html') diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/animate.html b/src/main/webapp/jquery-ui-1.9pre/docs/animate.html new file mode 100644 index 0000000..9f70edd --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/animate.html @@ -0,0 +1,78 @@ +

The jQuery UI effects core extends the animate function to be able to animate colors as well. It's heavily used by the class transition feature and it's able to color animate the following properties: +

+ +

with one of the following combinations: +

+ +


+

+
NameType
Example: +
+ +
+A simple color animation.
+

+
$(".block").toggle(function() {
+    $(this).animate({ backgroundColor: "black" }, 1000);
+},function() {
+    $(this).animate({ backgroundColor: "#68BFEF" }, 500);
+});
+
+
+

+

+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
+                    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <script src="http://code.jquery.com/jquery-latest.js"></script>
+  
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+  <script>
+  $(document).ready(function(){
+    $(".block").toggle(function() {
+    $(this).animate({ backgroundColor: "black" }, 1000);
+},function() {
+    $(this).animate({ backgroundColor: "#68BFEF" }, 500);
+});
+
+  });
+  </script>
+  <style>
+  .block { 
+    color: white;
+    background-color: #68BFEF;
+    width: 150px; 
+    height: 70px;
+    margin: 10px; 
+  }
+  </style>
+</head>
+<body>
+  <div class="block"> Click me</div>
+</body>
+</html>
+
+

+

+

NameType
+

+ + -- cgit v1.1