javascript - Chane gradient background colors on mouse move -

I am trying to do a gradient whose cursor has changed color above and below depending on the situation. Change the background to $ (document.body) .css ('background', 'rgb (' + rgb.join (',') '')); Working below works while using I can not seem to work with a gradient to the code below which I have installed for testing in Firefox. When I currently try to set it up with options for each browser, I will update the code.

How can this be obtained, but any insights will be greatly appreciated.

  $ (window) Load (function () {var $ win = $ (window), w = 0, h = 0, top = [], below = [], getWidth = function () {w = $ win.width (); h = $ Win.height ();}; $ Win.resize (getWidth) .Mousemove (function (e) {top = [Mathrade (E. Paypax / W * 255), Math Plane (EGGI / H * 255), 150] ; Below = [Math field (E. Paypax / H * 255), Monastery (E.P.J.Y / W * 255), 150]; $ (document. People). CSS ('Background: -Moz-Linear-Slope Up, ('+ Top.join (', ') +'), ('+'. Zone (',') '))');}). Change shape ();});    
 
 
 One problem is that you are using javascript  .css  wrongly takes two parameters, or an object. Therefore it should be:  
  $ (document.body). Css ('background', '-move-linear-shield (top, RGB (' + top. Zone (',' + '), RGB (' + down.joined (',' + '')) ') ;   
 or  
  $ (document.body). Css ({background: '-move-linear-gradient (top, RGB (' + join up (','), RGB ('+ below. Zone (', ') +') '});   
 In addition, your code looks quite right.