cari

Rumah  >  Artikel  >  hujung hadapan web  >  jquery如何通过css修改网页背景颜色的方法

jquery如何通过css修改网页背景颜色的方法

黄舟
黄舟asal
2017-07-22 09:24:391556semak imbas

在浏览一些网站，尤其是一些小说网站的时候，都会有修改页面背景颜色的地方，这个是用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 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> 
<p class="show"> 
</p> 
<script> 
$("button").click( 
function() 
{ 
var color = this.value; 
$("body").css("background-color",color); 
} 
) 
</script> 
</html>


我们先根据元素名选择我们要操作的对象：button，然后使用click方法找到被点击的按钮，然后在触发的事件中获取该按钮的对应的颜色值，然后通过css（）方法将该颜色值作为background-color的属性值传入。

Atas ialah kandungan terperinci jquery如何通过css修改网页背景颜色的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery ajax如何将后台数据返回给前台表格实例代码详解Artikel seterusnya：jquery导出数据到excel代码实例详解

Artikel berkaitan

Lihat lagi