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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:06:50
字體:
來源:轉載
供稿:網友
在瀏覽一些網站,尤其是一些小說網站的時候,都會有修改頁面背景顏色的地方,這個是用jquery可以做到

我們在瀏覽一些網站,尤其是一些小說網站的時候,都會有修改頁面背景顏色的地方,這個功能使用jquery很容易實現。

效果圖:

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

 
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 value="white">white</button>
<button value="red">red</button>
<button value="green">green</button>
<button value="yellow">yellow</button>
<div>
</div>
<script>
$("button").click(
function()
{
var color = this.value;
$("body").css("background-color",color);
}
)
</script>
</html>


我們先根據元素名選擇我們要操作的對象:button,然后使用click方法找到被點擊的按鈕,然后在觸發的事件中獲取該按鈕的對應的顏色值,然后通過css()方法將該顏色值作為background-color的屬性值傳入。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 湘潭市| 金华市| 都匀市| 迭部县| 北碚区| 塘沽区| 道真| 乐业县| 包头市| 稻城县| 阳城县| 迁安市| 辽宁省| 九寨沟县| 资中县| 潍坊市| 河曲县| 高碑店市| 小金县| 兴山县| 汉阴县| 河间市| 普兰县| 通榆县| 滁州市| 长宁县| 南平市| 株洲市| 赤壁市| 儋州市| 罗江县| 阳春市| 南召县| 朝阳县| 稻城县| 东乌| 宣化县| 安吉县| 天门市| 沐川县| 新田县|