我对 javascript/jQuery 相当陌生,但是我正在尽一切努力了解我在做什么。我受到柴油网站的启发。在这个站点上,数据属性用于主页上的文本块。data-color
. 我想在我的网站上实现这个功能。能够更改每个条目的每个块的颜色,当用户向下滚动页面时,它会以不同的方式触发。
我来这里寻求帮助,因为我没有看到任何与我试图实现的功能相关的教程。有谁知道如何做到这一点?我相信这对那些想要执行相同或类似功能的人会有所帮助。
getColorMod: function(color, val) {
var hexToRgb = function(hex) {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : false;
}
var array = hexToRgb(color),
r = parseFloat(array[0] + val),
g = parseFloat(array[1] + val),
b = parseFloat(array[2] + val),
rgb = array ? {
r: r >= 250 ? 200 : r,
g: g >= 250 ? 200 : g,
b: b >= 250 ? 200 : b
} : false;
return 'rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')';
},