•  untoreh-light

Mga Kulay ng Kulay

Kumuha ng mula sa itim-puti hanggang sa kulay na gradient

Ito ay ilang javascript na isinulat ko tulad ng simula sa isang website, na may temang mga shade ng grey, nagtatapos ka sa gradient batay sa isang accent na kulay. Kaakibat ng isang tool ng color picker, ang isang website ay maaaring mag-alok on-the-fly nakabatay sa gumagamit tema sa pagpapasadya.

//function to return the color in hex value
        $.cssHooks.bgColor = {
                get: function(elem) {
                        if (elem.currentStyle)
                                var bg = elem.currentStyle["backgroundColor"];
                        elseif (window.getComputedStyle)
                                var bg = document.defaultView.getComputedStyle(elem,
                                        null).getPropertyValue("background-color");
                        if (bg.search("rgb") == -1)
                                return bg;
                        else {
                                bg = bg.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
                                functionhex(x) {
                                        return ("0" + parseInt(x).toString(16)).slice(-2);
                                }
                                returnhex(bg[1]) + hex(bg[2]) + hex(bg[3]);
                        }
                }
        }

        //function to make colors brighter or darkerfunctionshadeColor(color, porcent) {

                var R = parseInt(color.substring(1,3),16)
                var G = parseInt(color.substring(3,5),16)
                var B = parseInt(color.substring(5,7),16);

                R = parseInt(R * (100 + porcent) / 100);
                G = parseInt(G * (100 + porcent) / 100);
                B = parseInt(B * (100 + porcent) / 100);

                R = (R<255)?R:255;
                G = (G<255)?G:255;
                B = (B<255)?B:255;

                varRR = ((R.toString(16).length==1)?"0"+R.toString(16):R.toString(16));
                varGG = ((G.toString(16).length==1)?"0"+G.toString(16):G.toString(16));
                varBB = ((B.toString(16).length==1)?"0"+B.toString(16):B.toString(16));

                return"#"+RR+GG+BB;
        }

        function(){
                        $this = $(this) ;
                        bc = $($this).parent().css('bgColor');
                        var newc = shadeColor('#'+bc, 40);
                        $('.rt').css('opacity', '0.4');
                        $($this).parent().animate({backgroundColor: '\''+newc+'\''}, 1500).css({'opacity': '1', 'cursor' : 'hand'});
                }
                ,
                function(){
                        $(this).parent().animate({backgroundColor: '\'#'+bc+'\''}, 1500);
                        $(this).css({
                                opacity: 0.8
                        });
                        $('.rt').not($this).css('opacity', '0.7');?
Mag-post ng Mga Tag: