jQuery側邊聖誕老人滑動面板

jQuery側邊聖誕老人滑動面板是基於jQuery+CSS3實現的全螢幕下著雪花場景動畫。

  var ww = 0;
     var wh = 0;
     var maxw = 0;
     var minw = 0;
     var maxh = 0;
     var textShadowSupport = true;
     var xv = 0;
     var snowflakes = ["\u2744", "\u2745", "\u2746"];
     var prevTime;
     var absMax = 200;
     var flakeCount = 0;

     $(init);

     function init() {
         var detectSize = function() {
             ww = $(window).width();
             wh = $(window).height();

             maxw = ww + 300;
             minw = -300;
             maxh = wh + 300;
         };

         detectSize();

         $(window).resize(detectSize);

         if (!$('body').css('textShadow')) {
             textShadowSupport = false;
         }

         /* Should work in Windows 7 /*
         if (/windows/i.test(navigator.userAgent))
         {
             snowflakes = ['*']; // Windows sucks and doesn't have Unicode chars installed
             //snowflakes = ['T']; //No FF support for Wingdings
         }
         */

         // FF seems to just be able to handle like 50... 25 with rotation
         // Safari seems fine with 150+... 75 with rotation
         var i = 50;
         while (i--) {
             addFlake(true);
         }

         prevTime = new Date().getTime();
         setInterval(move, 50);
     }