国产探花免费观看_亚洲丰满少妇自慰呻吟_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的屬性值傳入。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 石渠县| 临桂县| 岳西县| 修文县| 浏阳市| 科尔| 高台县| 沭阳县| 永年县| 安阳县| 云霄县| 德阳市| 宜宾市| 高陵县| 磐石市| 隆安县| 顺昌县| 杭锦旗| 孝昌县| 和林格尔县| 云南省| 新兴县| 沂水县| 容城县| 宜阳县| 桦甸市| 葫芦岛市| 小金县| 乌鲁木齐市| 亚东县| 凌源市| 文水县| 扎兰屯市| 怀宁县| 苗栗县| 法库县| 永寿县| 二手房| 白山市| 二手房| 富蕴县|