Last change
on this file since 24245 was 24245, checked in by sjb48, 13 years ago |
Oran code for supporting format changes to document.
|
-
Property svn:executable
set to
*
|
File size:
1.1 KB
|
Line | |
---|
1 | <!doctype html>
|
---|
2 | <html lang="en">
|
---|
3 | <head>
|
---|
4 | <title>Animate Visual Test : Animate color rgb</title>
|
---|
5 | <link rel="stylesheet" href="../visual.css" type="text/css" />
|
---|
6 | <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
---|
7 | <script type="text/javascript" src="../../../jquery-1.4.1.js"></script>
|
---|
8 | <script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script>
|
---|
9 | <script type="text/javascript">
|
---|
10 | function randomColorRGB() {
|
---|
11 | return 'rgb('
|
---|
12 | + Math.floor(Math.random()*256)
|
---|
13 | + ', ' + Math.floor(Math.random()*256)
|
---|
14 | + ', ' + Math.floor(Math.random()*256)
|
---|
15 | + ')';
|
---|
16 | }
|
---|
17 | $(function() {
|
---|
18 | $("#go").click(function() {
|
---|
19 | $("#animate-color").stop().animate({ color: randomColorRGB() }, "fast");
|
---|
20 | });
|
---|
21 | })
|
---|
22 | </script>
|
---|
23 | <style type="text/css">
|
---|
24 | #animate-color { width: 250px; height: 100px; color: gray; }
|
---|
25 | </style>
|
---|
26 | </head>
|
---|
27 | <body>
|
---|
28 |
|
---|
29 | <div id="animate-color">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
|
---|
30 |
|
---|
31 | <button id="go">Go</button>
|
---|
32 |
|
---|
33 | </body>
|
---|
34 | </html>
|
---|
Note:
See
TracBrowser
for help on using the repository browser.