用JS实现变换背景和字体颜色，分别保存红、蓝、绿三种颜色，每隔一秒钟变换一个颜色，颜色从数组中获取_框架

<!DOCTYPE html>

<html>

<head>

//setTimeout

var colors = new Array("red","green","blue");

function changeColor(){

//var colorIndex = Mathround(Mathrandom()3);

var color_div=colors[Mathround(Mathrandom()3)];

var color_font=colors[Mathround(Mathrandom()3)];

documentgetElementById("div_c")stylebackground=color_div;

documentgetElementById("font_c")stylecolor=color_font;

//documentwirte(colorIndex);

setTimeout("changeColor()",1000);

}

</script>

</head>

<br/>

<font id="font_c" size="20px" >自动变换颜色</font>

</div>

</body>

</html>

<title>Js获取适时获取鼠标坐标值并显示</title>

var getCoordInDocumentExample = function(){

var coords = documentgetElementById("coords");

coordsonmousemove = function(e){

var pointer = getCoordInDocument(e);

var coord = documentgetElementById("coord");

coordinnerHTML = "X,Y=("+pointerx+", "+pointery+")";

}

var getCoordInDocument = function(e) {

e = e || windowevent;

var x = epageX || (eclientX +

(documentdocumentElementscrollLeft

|| documentbodyscrollLeft));

var y= epageY || (eclientY +

(documentdocumentElementscrollTop

|| documentbodyscrollTop));

return {'x':x,'y':y};

}

windowonload = function(){

getCoordInDocumentExample();

};

</script>

请在此移动鼠标。

</div>

<br />

问题比较复杂，分步来讲：

因为你这张图，很显然是使用HSB颜色，固定H，S和B的取值范围都是0%~100%，所有可能的集合就是你的这张图，所以，首先要把rgb颜色转换成hsb颜色。

把得到的hsb颜色的h值固定，然后使用一个循环，把hsb(h,0%,0%)~hsb(h,100%,100%)都写入一个数组里,这里要注意hsb(h,12%,80%)和hsb(h,80%,12%)是不同的

再把hsb颜色转换成rgb颜色，然后输出。

好了，思路有了，接下来难点在于rgb与hsb的颜色转换。

二者的转换复杂程度非同一般，所以，如果真的需要，HI我，给你一篇文章地址。这里打不出网址来。

一个类似的jquery代码，参考一下吧，

如果有用，望采纳~~

要用最终样式解析元素被浏览器编译后的样式

function setColor()

{

var g_all = documentgetElementsByTagName("p");

var n = g_alllength;

for (var i = 0; i < n; i++)

{

//g_all[i]stylecolor="#000";

alert("aa--"+getStyle(g_all[i],'color'),+"--bb");

}

function getStyle(ele,key){

var val=elestyle[key];

if(!val){

if(documentdefaultView&&documentdefaultViewgetComputedStyle){

var css=documentdefaultViewgetComputedStyle(ele,null);

val=cssgetPropertyValue(key);

}else if(elecurrentStyle){

val=elecurrentStyle[key];

}

return val;

}

以上就是关于用JS实现变换背景和字体颜色，分别保存红、蓝、绿三种颜色，每隔一秒钟变换一个颜色，颜色从数组中获取全部的内容，包括:用JS实现变换背景和字体颜色，分别保存红、蓝、绿三种颜色，每隔一秒钟变换一个颜色，颜色从数组中获取、HTML里如何用js获取屏幕上坐标x,y的颜色、使用JS,如果通过一个RGB颜色来获取这个颜色的所有颜色（亮度,灰度变化），如图。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/9533276.html

用JS实现变换背景和字体颜色，分别保存红、蓝、绿三种颜色，每隔一秒钟变换一个颜色，颜色从数组中获取

发表评论

评论列表（0条）