Tag: colors

如何生成只在javascript中变暗的随机颜色？: 我一直在阅读有关如何在JS / JQuery中生成随机颜色的问题。但我想生成只有黑色，黄色和灰色范围颜色的变暗颜色，以便能够在谷歌地图中绘制不同颜色的区域。谢谢

如何使用javascript / jQuery增加/减少hex颜色值: 是否可以在jQuery / javascript中逐步增加或减少hex颜色值？我想做的是这样的事情：适应类似的for循环 for (var i = 0; i <= 100; i++) { console.log(i); } 我想做点什么 for (var color = 000000; color <= ffffff; color++) { console.log(color); } 没有任何转换。那可能吗？我已经尝试过了： for (var color = parseInt(‘000000’, 16); color <= parseInt('ffffff', 16); color++){ console.log(color.toString(16)); } 它工作但它非常慢（我收到警告，脚本正在减慢网站速度，如果我想停止脚本）。我想这样做的原因是：我想在一定的时间间隔内更改svg渐变的颜色停止。如果我有这样的svg（简化）： … … 该梯度当然会显示为纯色。现在我想逐步改变它，例如 … … […]

jquery #color到rgba？: 是否可以将#ff0000这样的颜色转换为rgb？所以将#ff0000转换为rgb(255,0,0); 我很确定这是可能的，我只是不知道如何。任何见解都会很棒！

jQuery和颜色计算: 目前我的H1标签设置为＃8c0000（深红色）。使用jQuery，我想得到H1的颜色，然后根据h1的颜色进行计算，以确定如果我想要几个阴影更暗的新颜色的hex值。原因是我想通过创建“插入”文本阴影来使用CSS3的新文本阴影属性来创建“浮雕”效果。我相信，要获得H1元素颜色，可以使用： (‘H1’).css(‘color’); 但是，我该怎么做这个值来计算一个更暗的阴影？ PS – 看到H1颜色将动态设置，我不能只是在固定的文本阴影中硬编码，这就是我需要计算的原因… 任何帮助将不胜感激。先感谢您

jquery完整日历：为前端的每个事件设置不同的颜色: 这就是我使用插件的方式： jQuery( document ).ready( function() { jQuery(‘#booking-calendar’).fullCalendar({ header: { left: ‘prev,next’, center: ‘title’, right: ‘month,basicWeek,basicDay’ }, editable: true, events: ‘/bookings-feed.php’ }); jQuery( ‘#apartment-selector’ ).change( function() { apartment = jQuery( this ).val() jQuery(‘#booking-calendar’).fullCalendar( ‘removeEvents’ ) jQuery(‘#booking-calendar’).fullCalendar( ‘addEventSource’, { url: ‘/bookings-feed.php’, type: ‘POST’, data: { apartment : apartment } }) }) }) 这就是它的样子：正如您所看到的，当事件开始和结束时跟踪有点困难，所以我想改变每个事件的颜色，这里的问题是每个事件可能会在不同的周内分割（如示例中所示），并且每周都有不同的DOM事件（这是有意义的），并且它们没有任何相关的类，任何想法我怎么能以不同的方式着色每个事件？谢谢！

纯jQuery动画的特殊颜色过渡效果//没有ui或其他图书馆: 我试图创建没有任何外部插件的jQuery颜色动画。到目前为止，我可以设法用jQuery-ui做到这一点，但我想用pure jQuery animate()学习这种方式有没有可能用更少的代码和1.8上没有任何外部jQuery插件来做到这一点？这是使用jQuery 1.7.2和ui的 jsFiddle示例 jQuery的： var Text = $(‘h1’); var Box = $(‘.box’); Text.click(function() { Text.animate({‘color’:’#f00′},600) .delay(200).animate({‘color’:’#ff0′},600) .delay(200).animate({‘color’:’#000′},600); }); Box.click(function() { Box.animate({‘background-color’:’#f00′},600) .delay(200).animate({‘background-color’:’#ff0′},600) .delay(200).animate({‘background-color’:’#000′},600); });

如何从CSS颜色中提取r，g，b值？: 什么是最简单的转型方式 $(‘#my_element’).css(‘backgroundColor’) 像这样的对象： { r: red_value, g: green_value, b: blue_value, a: alpha_value } ？

jQuery：HEX到RGB计算浏览器之间有什么不同？: 以下代码在所有浏览器中都能完美运行，禁止使用IE浏览器。照常。这是需要发生的事情：将鼠标hover在链接上时，获取该链接颜色。获取该颜色的RGB值，因为基本CSS将始终设置为HEX值; 使用新的RGB值并进行计算以确定该颜色的较浅色调在0.5秒的时间内为新的较浅色调制作动画移开鼠标时，将颜色恢复为原始值正如我所说，到目前为止，代码工作得非常好，除了在IE中。任何拥有一双新鲜眼睛（以及完整的发际线）的人都可以看看这个吗？可以做到与众不同吗？ function getRGB(color) { // Function used to determine the RGB colour value that was passed as HEX var result; // Look for rgb(num,num,num) if (result = /rgb$\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*$/.exec(color)) return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])]; // Look for rgb(num%,num%,num%) if (result = /rgb$\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*$/.exec(color)) return [parseFloat(result[1]) * 2.55, parseFloat(result[2]) […]

使用Timer JQuery更改背景颜色CSS: 我希望有人可以向我展示高效的JQuery，以便在div类中的4种背景颜色之间制作动画。我希望这些事件能够被时间触发，而不是点击或hover。我已经看过hover和切换的post，但作为一个不太精通JQuery的人，我觉得在这里和那里复制和粘贴部件感觉不舒服。谢谢