1. 程式人生 > >HTML-JavaScript--單擊按鈕改變背景顏色

HTML-JavaScript--單擊按鈕改變背景顏色

/* 
*Copyright (c) 2017,煙臺大學計算機學院 
All rights reserved. 
*檔名稱:關於HTML的練習
*作    者:張晴晴 
*完成日期:2017年11月11日 
*版 本 號:v1.0  * 
*問題描述:HTML5-JavaScript
*輸入描述: 無
*程式輸出: 無
*/ 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>單擊按鈕改變背景顏色</title>
<script>
   function changecolor(color){
   document.bgColor=color;
   }



</script>
</head>

<body>
<input type="button" value="不許碰我" onClick="changecolor('yellow')">
<input type="button" value="警告你別碰我" onClick="changecolor('red')">
<input type="button" value="給你點顏色看看" onClick="changecolor('black')">
</body>
</html>

執行結果:



相關推薦

HTML-JavaScript--按鈕改變背景顏色

/* *Copyright (c) 2017,煙臺大學計算機學院 All rights reserved. *檔名稱:關於HTML的練習 *作 者:張晴晴 *完成日期:2017年11月1

設定ListView和選中背景顏色

需要自定義ListView單擊和選擇時候的背景顏色,寫一個Selector的資原始檔,設定為這個ListView的背景就可以了 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android=

css - bootstrap3下拉菜之後怎麽改變背景顏色?

點擊 open nav 背景 trap boot 添加 focus default css添加 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focu

JavaScript添加選擇按鈕背景顏色和juqery添加選擇按鈕的背景色

fun function repeat eat lib chan func 1.5 ++ 在項目開發中經常遇到要選擇的按鈕,選擇完之後被選擇的按鈕的背景色會發生變化,表示被選擇 樣式圖如下: 每點擊一個數字,相應的背景色變為藍色,其他的依舊是白色,先用JavaScript

問題8:手機端實現點按鈕時更換顏色(解決IOS不顯示背景

asc style cti focus 作用 cit art OS div CSS: .sval:active, .sval:focus{ background: #999;color:#fff;opacity:50; } 在觸屏上,:hover和:acti

2_1.8_點選按鈕__改變背景顏色

activity_main.xml <?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/ap

Android 改變按鈕RadioButton的顏色

折騰了半天,在寫專案的時候,由於Android版本問題導致RadioButton原生的樣式有所變化,比如說在Android4.3  單選按鈕就是黑色,但是版本高點,或者其他手機(努比亞單選按鈕就是紅色的),5.0+就變成了淺灰色,很不容易看出來,體驗就不好了,現在,就要更改

javascript 切換按鈕改變div顏色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http:

eclipse改變背景顏色

主題 喜歡 tex jpg 背景顏色 ces es2017 顏色 style                       eclipse   eclipse默認的背景顏色好醜,腫麽辦!看的時間太長,眼鏡太幹 把eclipse改成保護色 在這個網站下載主題:eclipseco

html js點按鈕滾動跳轉定位到頁面指定位置(DIV)的方法代碼

實現 定向 觸發 提交按鈕 a標簽 原理 標簽 baidu 就是 一:通過html錨點實現滾動定位到頁面指定位置(DIV): 如果我們要點擊實現跳轉的地方是一個html錨點,也就是點擊一個A標簽超鏈接實現跳轉,可以把A標簽的href屬性直接指向跳轉指定位置的div,代

鼠標移上去變大、改變背景顏色

col gree meta AR ner func one nsh 恢復 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l

JavaScript按鈕創建一個表格

表格 clas common cell utf-8 innertext char cti har <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

Python3 tkinter基礎 Button bg 按鈕背景顏色

docs wid 理解 type logs pytho ubunt pack style ? python : 3.7.0 OS : Ubuntu 18.04.1 LTS

自定義動畫改變背景顏色

@interface ViewController ()   @property (nonatomic, strong) CALayer *colorLayer;   @end   @implementa

點選按鈕修改背景顏色及節點操作隔行變色案例

<input type="button" value="點選設定" id="dtn"/><div id="dd"> <span>這是一個span</span> <p>這是一個p</p> <span>這是一個s

pb技術 datawindow選中記錄行改變背景顏色

//在datawindow的rowfocuschanged()函式中新增如下紅字程式碼即可(無需修改下面程式碼)  rowfocuschanged(long CurrentRow){      This.SelectRow(0, false)       if current

java-Swing學習(按鈕新增下拉列表框元素)

package test; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.FocusEvent; impor

react專案—按鈕返回上一頁

// 如果使用hashHistory import creatHistory from 'history/createHashHistory'  // 如果使用createBrowserHistory import creatHistory from 'history/create

如何某行使其顏色變化並且在其他行後顏色恢復

思路: 給table的每一行(tr)來一個樣式。然後再通過js來修改單擊的那一行的顏色(將之前的元素儲存,然後再點選另一行時進行修改恢復以及改變單擊行)。 如: css: tr{ background-color: blue; } js: var cur; $("tr").

Button根據EditText輸入狀態改變背景顏色

需求 Button隨EditText輸入狀態改變顏色 有3個不同顏色狀態, + EditText未輸入時,Button處於不可點選狀態 + EditText輸入時,Button處於高亮狀態 + EditText輸入且使用者按下按鈕,Button –&g