document.addEventListener(‘DOMContentLoaded’, function() {
        var button = document.querySelector(‘.explore-more-button’);
        var originalColor = ‘#0073aa’;
        button.addEventListener(‘mouseover’, function() {
            this.style.backgroundColor = LightenDarkenColor(originalColor, -20);
        });
        button.addEventListener(‘mouseout’, function() {
            this.style.backgroundColor = originalColor;
        });
    });
    function LightenDarkenColor(col, amt) {
        var usePound = false;
        if (col[0] == ‘#’) {
            col = col.slice(1);
            usePound = true;
        }
        var num = parseInt(col,16);
        var r = (num >> 16) + amt;
        var b = ((num >> 8) & 0x00FF) + amt;
        var g = (num & 0x0000FF) + amt;
        r = r > 255 ? 255 : r  255 ? 255 : b  255 ? 255 : g < 0 ? 0 : g;
        return (usePound?'#':'') + (g | (b << 8) | (r << 16)).toString(16);
    }
 
  
  
  
  


コメント