这是参加“极客编程挑战”的一次命题
    代码很简单，记得引入jquery文件额。

    html

    1. <div id="container">
    2.     <canvas id="MyCanvas" width="350" height="200">
    3.         不支持HTML5画布
    4.     </canvas>
    5. </div>

    css

    1. body {background: #CFCFCF;}
    2. canvas {background: #000;}

    js

    1. // 获取canvas对象
    2. var cans = document.getElementById("MyCanvas");    
    3. var ctx = cans.getContext("2d");    
    4. // 设置字体样式
    5. ctx.font = "40px Arial";
    6. // 设置对其方式
    7. ctx.textAlign="center";     
    8. // 定义透明度相关信息
    9. var sum = 1,ibl = true;
    11. setInterval(function(){
    12.     // 清除画布
    13.     ctx.clearRect(0,0,350,200);
    14.     // 设置内容颜色
    15.     ctx.fillStyle = "rgba(255,255,255,"+sum+")";
    16.     // 设置内容
    17.     ctx.fillText("Hello World!",175,110);
    19.     if(ibl){            
    20.         sum<0?(ibl=false):(sum = sum-0.1);
    21.     }else{
    22.         sum>1?(ibl=true):(sum = sum+0.1);
    23.     }
    24. },100);