当前位置:首页 » 网页前端 » js控制颜色脚本
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

js控制颜色脚本

发布时间: 2023-07-25 11:17:14

❶ 如何用js改变字体的颜色

用js获取当前的color的值,然后判断是否等于红色,如果等于则赋值为黑色,不等于则赋值为红色
js的写法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.redColor{
color: red;
}
.blackColor{
color: black;
}
</style>
</head>
<body>
<span id="showZi" class="redColor">测试测试测试</span>

<button id="btn">按钮</button>

<script type="text/javascript">
var obj = document.getElementById("showZi");
document.getElementById("btn").onclick = function(){
if(obj.className=="redColor"){
obj.className = "blackColor";
}else{
obj.className = "redColor";
}
}
</script>
</body>
</html>

jQuery的写法:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../common/js/jquery-2.1.3.min.js" type="text/javascript"></script>
<style>
.redColor{
color: red;
}
.blackColor{
color: black;
}
</style>
</head>
<body>
<span id="showZi" class="redColor">测试测试测试</span>

<button id="btn">按钮</button>

<script type="text/javascript">
var obj = $("#showZi");

$("#btn").click(function(){
if(obj.hasClass("redColor")){
obj.removeClass("redColor").addClass("blackColor");
}else{
obj.removeClass("blackColor").addClass("redColor");
}
});
</script>
</body>
</html>

❷ JS点击更换网页背景颜色。

javascript脚本

<scripttype="text/javascript">
//定义可换的颜色
varcolors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"];
varindex=0;
//换色方法
functionchangeColor(){
//获取颜色代码
varcolor=colors[index++];
//更改文档的背景色
document.bgColor=color;
if(index==colors.length){
index=0;
}
}
</script>


HTML代码:

<inputtype="button"value="换色"onclick="changeColor();"/>

❸ 如何用js脚本编写代码,每当点击一个链接时,链接的文字都会更改颜色

下列代码每次点击链接都会变为随机的颜色:

<ahref="#">1111</a>
<ahref="#">2222</a>
<ahref="#">3333</a>
<ahref="#">4444</a>
<ahref="#">5555</a>
<script>
window.onload=function(){
vara=document.getElementsByTagName("a");
for(vari=0;i<a.length;i++){
a[i].onclick=function(){
varr=parseInt(Math.random()*256);
varg=parseInt(Math.random()*256);
varb=parseInt(Math.random()*256);
this.style.color="rgb("+r+","+g+","+b+")";
returnfalse;
}
}
}
</script>

❹ Auto.js写脚本怎么取色,怎么判断

function isColor(x,y,color)
{
if(!requestScreenCapture()) /渗铅/截图
{
toast("请求截图失败");
exit
}
sleep(500);
var c = images.pixel(captureScreen(), x, y); //获取指定点颜色
var isDetected = images.detectsColor(captureScreen(),color, x, y); //判迹喊袜姿激断颜色
return isDetected;
}

写个函数把截图、取色还有比较颜色封装起来,直接传值调用就可以了