有什么方法可以动态更改滚动的背景颜色吗? 例如,参考此站点(https://www.samsung.com/sec/smartphones/galaxy-note9/) 首次访问该站点时,背景颜色为蓝色. 向下滚动时,颜色会平滑地变为黑色. 另请参阅此网站(codepen.io/Funsella/pen/yLfAG/) 第二站点与第一站点相同.但是它的颜色立刻变了. 但是第一个站点的颜色不会立即更改. 它逐渐改变与滚动位置有关.body {height: 100vh; } .section1 {background-color: white;height: 100%;...
我尝试了这段代码,但是它不起作用..当我将焦点对准文本框时,它显示错误function ChangeBgColor(obj, evt) { if(evt.type=="focus") style.background ="lightgrey";else if(evt.type=="blur") {style.background="white";} }解决方法:什么是风格?您尚未在上面的代码中的任何地方定义它:function ChangeBgColor(obj, evt) { if(evt.type=="focus") style.background ="lightgrey"; //<--what is style?else if(evt.typ...
我想通过交叉渐变将div元素的背景颜色从黑色更改为红色到蓝色,但现在还不知道如何做到这一点.我尝试使用图像,但将图像作为背景并通过淡入淡出效果进行更改会使图像变得沉重.有没有办法通过CSS或Javascript做到这一点?请帮忙.解决方法:CSS:.fadechange {height:200px;width:100%;background: black;animation: fading 4s infinite;-webkit-animation: fading 4s infinite; }@keyframes fading {0% { background: black; }33% {...
我正在使用Chart.js并希望将折线图转换为PNG.问题是图像总是以透明背景下载,这不是我需要的.我尝试了很多选项,没有真正有效. 和建议?解决方法:这是获得ChartJS完全不透明版本的一种方法: 等到图表完全动画完成.您可以通过将onAnimationComplete属性添加到图表来完成此操作. 在onAnimationComplete函数中: >创建与图表大小相同的内存临时画布.>用白色填充临时画布>在白色填充的临时画布上绘制ChartIS画布>从临时画布创建图像. 这...
我使用透明的PNG作为我的标记,并希望透明区域填充某种颜色.我以前使用标记阴影完成了这个,但那些不适用于视觉刷新(即v3.14). 谢谢!解决方法:一个技巧可能是用PHP操作PNG图像,如果这是一个选项.以下脚本需要4个参数:图像源,红色,绿色和蓝色. image.php脚本:$src = $_GET['src'];$r = $_GET['r']; $g = $_GET['g']; $b = $_GET['b'];$image = @imagecreatefrompng($src);// Create a new true color image with the same size $w ...
我有图表js的问题,我想像上面的图像着色图表区域 我尝试从charJs Docs找到配置,但没有匹配.它是否可以改变图表区域的背景颜色?如果可能,任何人都可以帮助我 HTML<canvas id="barChart" width="600" height="300"></canvas>使用Javascriptvar ctx = document.getElementById("barChart"); var barChart = new Chart(ctx,{type: 'bar',data: {labels:["Label1","Label2","Label3","Label4"],borderColor : "#fffff",datasets: [{dat...
如何使用JavaScript设置HTML元素的CSS背景颜色?解决方法:通常,CSS属性通过使它们成为没有任何破折号的camelCase而转换为JavaScript.因此背景颜色变为backgroundColor.function setColor(element, color) {element.style.backgroundColor = color; }
我需要根据事件类型显示不同颜色的不可用日期,或者当天是否已满. 下面的例子从数据库中提取日期,我将它们作为数组传递给JavaScript,目前我正在传递一个数组[2012,7,15,’Some events’]中的四个参数,如Year,Month,Day&年份.我想改变这个数组以传递第五个参数作为颜色[2012,7,15,’Some events’,’Red’].这样我就可以根据事件类型改变单元格的颜色. 我不确定我将如何更改脚本以使其工作.我找了一些例子,但找不到匹配的.我很感激这...
这是我在这里的第一个问题,请原谅我,如果我做错了什么.我正在做一个网站的布局,我希望标题在用户刷新页面时随机改变颜色.我已经做了一些研究并得到了这些javascript代码:<script type="text/javascript"> var randnum = Math.random();var inum = 2;var rand1 = Math.round(randnum * (inum-1)) + 1;var colors = new Array;colors[1] = "#385c78";colors[2] ="#9d302f";var color = colors[rand1]document.getElementById('n...
我正试图让我的白色背景闪烁绿光.目前我有这个代码,它变成绿色:$( "#modal_newmessage" ).animate({backgroundColor: "#8bed7e" }, 500 );但是,我无法想象如何让它在同一个动画中再次变白.我该怎么做呢?解决方法:您可以链接另一个.animate()调用,因为动画将在fx队列中排队.$("#modal_newmessage").animate({backgroundColor: "#8bed7e" }, 500).animate({backgroundColor: "#fff" }, 500);请记住,大多数jQuery函数都是可链接的,无...
我有一个包含单元格的表格,单击它们会将单元格的背景颜色更改为绿色.但是,当我重新加载页面时,背景颜色会恢复为原始颜色;白色.有什么方法可以阻止它恢复吗?点击它后,让它保持绿色? JS:function eight(){var eight = document.getElementById("eight");eight.style.backgroundColor = "green";}HTML:<td id="eight" onclick="eight(); "><a>8</a><br><center>-</center><br><center>-</center><hr><center>-</center><br><cente...
我想要绘制一个相当简单的谷歌LineChart,但我希望在图表区域有水平彩色条带,以指示低/中/高值. 查看图表API,它似乎不是直接的,因为chartArea.backgroundColor似乎是我可以设置的唯一值. 意识到这似乎是图表的限制,是否可以通过任何其他方法或javascript魔法重新创建这种方式? 下面是我想要产生什么样的效果的例子. 提前致谢.解决方法:使用ComboChart with seriesType:’area’ 和isStacked:是的 您可以根据需要定义多个范围 vis...
在kendo ui网格中,我该如何更改背景颜色?我试图为列设置模板,但是当网格可视化时,它是空的,没有任何颜色.我有这个代码:$scope.thingsOptions = {sortable: "true",scrollable: "true",columns: [{ field: "Colore", title: "Colore", width: "160px", template: "<div><span style='background-color:red'></span></div>" }]};如何应用模板为单元格的背景着色解决方法:你的代码基本上没问题.您可以按照自己的方式进行,但是您没有...
我想实现普通编辑器的侧边栏:当我们将鼠标悬停在一个文件名上时,整条线变为更暗的背景颜色. 但是,如果文件名由< ul>列出,则以下代码仅更改< li>的背景颜色,是否有人知道如何更改悬停所在的整行的背景颜色? JSBin.sidebar {width: 102px;background-color: #f3f3f3 }li:hover {background-color: #cccedb } <div class="sidebar"><ul><li>a</li><li>b</li><li>c</li></ul> </div> 解决方法:实际上整条线都改变了.问题是ul元素的默...
我不知道这是否真的可行,但如果是的话会很好!从新的iTunes中获取灵感,其中背景颜色似乎是通过艺术品图像的(主要)颜色设置的.我正在寻找类似javascript / cs的东西,可能使用jQuery,基本上根据里面的图像改变div的背景颜色.解决方法:以下是您可以尝试的内容: https://github.com/lokesh/color-thief 这个库有一个非常酷的演示:http://lokeshdhakar.com/projects/color-thief/ 在这里找到:Get average color of image via Javascr...