1

下面的代码创建了一个随光标位置变化的渐变，这是我想要的，但颜色似乎非常有限，并不总是我想要的。有没有办法设置它以确保颜色保持更亮和更饱和的色调？另外，我希望两侧之间有更多的对比，如您所见，它们有时会变成相同的颜色。

我知道我所拥有的数学显然不是为此而设置的，但我对十六进制颜色的结构不够了解，不知道从哪里开始。

http://coreytegeler.com/justin/

$(window).load(function(){
var $win = $(window),
    w = 0,h = 0,
    top = [],
    bottom = [],
    getWidth = function() {
        w = $win.width();
        h = $win.height();
    };
$win.resize(getWidth).mousemove(function(e) {
    top = [
        Math.round(e.pageX/w * 255),
        Math.round(e.pageY/h * 255),
        150
    ];

     bottom = [
        Math.round(e.pageX/h * 255),
        Math.round(e.pageY/w * 255),
        150
    ];
    $(document.body).css({background : '-moz-linear-gradient(top, rgb('+top.join(',')+'), rgb('+bottom.join(',')+'))'});
    $(document.body).css({background : '-webkit-linear-gradient(top, rgb('+top.join(',')+'), rgb('+bottom.join(',')+'))'});
}).resize();
});

任何帮助将不胜感激！

4

0 回答 0