|
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.
