| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 3 | <head> |
|---|
| 4 | <script src="jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script> |
|---|
| 5 | <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> |
|---|
| 6 | </head> |
|---|
| 7 | <body> |
|---|
| 8 | <style type="text/css"> |
|---|
| 9 | html {background-color:Black;color:White;} |
|---|
| 10 | .highlight {background-color:Aqua;} |
|---|
| 11 | </style> |
|---|
| 12 | <script type="text/javascript"> |
|---|
| 13 | $(document).ready(function() { |
|---|
| 14 | $('#p2').bind('mouseover',function() {$(this).stop(false,true);$(this).addClass('highlight',500,function () {$(this).removeClass('highlight',500);})}); |
|---|
| 15 | }); |
|---|
| 16 | </script> |
|---|
| 17 | <p id="p2">Mouseover: uses chained "addClass" and "removeClass"</p> |
|---|
| 18 | </body> |
|---|
| 19 | </html> |
|---|
| 20 | |
|---|