闭包 - 页面渐变

 1 var fade = function(node) {
 2         var level = 1;
 3         var step = function() {
 4                 var hex = level.toString();
 5                 node.style.backgroundColor = '#FFFF' + hex + hex;
 6                 if (level < 15) {
 7                     level += 1;
 8                     setTimeout(step, 100);
 9                 }
10             };
11         setTimeout(step, 100);
12     };
13 fade(document.body);

 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title></title>
 6 </head>
 7 <body>
 8     <script type="text/javascript" src="index.js"></script>
 9 </body>
10 </html>

 

posted @ 2012-07-10 14:09  小猩猩君  阅读(192)  评论(0编辑  收藏  举报