国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery修改網頁背景顏色通過css方法實現

2019-11-20 14:46:46
字體:
來源:轉載
供稿:網友
我們在瀏覽一些網站,尤其是一些小說網站的時候,都會有修改頁面背景顏色的地方,這個功能使用jquery很容易實現。

效果圖:
 
show you code:
復制代碼 代碼如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
</head>

<body>
<button style="background-color:white" value="white">white</button>
<button style="background-color:red" value="red">red</button>
<button style="background-color:green" value="green">green</button>
<button style="background-color:yellow" value="yellow">yellow</button>
<div class="show">
</div>
<script>
$("button").click(
function()
{
var color = this.value;
$("body").css("background-color",color);
}
)
</script>
</html>

我們先根據元素名選擇我們要操作的對象:button,然后使用click方法找到被點擊的按鈕,然后在觸發的事件中獲取該按鈕的對應的顏色值,然后通過css()方法將該顏色值作為background-color的屬性值傳入。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 顺义区| 赞皇县| 大宁县| 安化县| 洪雅县| 青龙| 墨脱县| 改则县| 沈丘县| 房产| 华池县| 衡阳市| 商丘市| 垫江县| 饶阳县| 容城县| 论坛| 萨嘎县| 深圳市| 灌云县| 通榆县| 合肥市| 屯昌县| 定远县| 织金县| 海伦市| 渭南市| 通化县| 武宁县| 天柱县| 新和县| 汉沽区| 司法| 从化市| 溧阳市| 秦皇岛市| 乐平市| 深水埗区| 密云县| 广灵县| 台北县|