国产探花免费观看_亚洲丰满少妇自慰呻吟_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的屬性值傳入。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 德安县| 西丰县| 济源市| 固阳县| 大名县| 武邑县| 上林县| 吴桥县| 商洛市| 巴林右旗| 丹棱县| 东宁县| 无锡市| 星子县| 巴林右旗| 新昌县| 本溪市| 河北省| 富锦市| 慈溪市| 会昌县| 阿拉善右旗| 宁乡县| 新兴县| 汉川市| 大庆市| 临泽县| 福海县| 松溪县| 永泰县| 六枝特区| 青岛市| 积石山| 军事| 靖安县| 光泽县| 任丘市| 万州区| 安阳市| 平山县| 阳朔县|