當前位置:首頁 » 網頁前端 » 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;
}

寫個函數把截圖、取色還有比較顏色封裝起來,直接傳值調用就可以了