最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:15:32
文档

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

jquery如何通过css修改网页背景颜色的方法:在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个是用jquery可以做到我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现。 效果图: show you code: <
推荐度:
导读jquery如何通过css修改网页背景颜色的方法:在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个是用jquery可以做到我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现。 效果图: show you code: <
 在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个是用jquery可以做到

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


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

文档

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

jquery如何通过css修改网页背景颜色的方法:在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个是用jquery可以做到我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现。 效果图: show you code: <
推荐度:
标签: 设置 方法 改变
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top