首页 > 解决方案 > 使用 rgb 在鼠标移动时更改颜色以获取色谱

问题描述

我在这里找到了一个很棒的代码,它使用 rgb 在 mousemove 上改变颜色。

关于如何适应这一点的任何想法,以便我可以获得从左边的红色到右边的橙色、黄色、绿色、蓝色、紫色的完整颜色范围?

见这里:http: //jsfiddle.net/WV8jX/  

目前的代码是:

var $win = $(window),
w = 0,h = 0,
rgb = [],
getWidth = function() {
    w = $win.width();
    h = $win.height();
};

$win.resize(getWidth).mousemove(function(e) {


rgb = [
    Math.round(e.pageX/w * 255),
    Math.round(e.pageY/h * 255),
    150
];

$(document.body).css('background','rgb('+rgb.join(',')+')');

}).resize();

标签: jqueryrgb

解决方案


推荐阅读