小编Way*_*ens的帖子

了解HTML5数据属性

我对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 ? …
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5 colors html5-canvas

4
推荐指数
1
解决办法
806
查看次数

标签 统计

colors ×1

html5 ×1

html5-canvas ×1

javascript ×1

jquery ×1