jquery设置改变div背景
2012-05-28 13:59 yangpan 阅读(539) 评论(0) 编辑 收藏 举报View Code
1 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 2 3 <head> 4 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 7 <title>jQueryPad Preview</title> 8 9 <script type="text/javascript" src="file:///C:/Users/yp/AppData/Local/jQueryPad/13346bf3-ccc3-4a08-a30b-cfe9f038100b/Jquery.js"></script> 10 11 12 13 <style type="text/css"> 14 15 16 17 body 18 19 { 20 21 font-family: Segoe UI; 22 23 font-size: 10pt; 24 25 background: white; 26 27 } 28 29 30 31 </style> 32 33 34 35 <script type="text/javascript"> 36 37 38 39 $(document).ready( 40 41 function() { 42 43 var e=jQuery("#hello"); 44 45 var colors=["white","yellow","orange"]; 46 47 var nextColor=0; 48 49 $.extend({ 50 51 chage:function(){ 52 53 e.css("background",colors[nextColor++%colors.length]) 54 55 } 56 57 }); 58 59 setInterval("$.chage()",3000); 60 61 }); 62 63 64 65 </script> 66 67 68 69 </head> 70 71 <body> 72 73 74 75 <div id="hello" style="width:400px;height:320px;background:red;"> 76 77 78 79 </div> 80 81 82 83 84 85 </body> 86 87 </html>