时间:2021-05-26
我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用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的属性值传入。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JavaScript实现更改网页背景与字体颜色的方法。分享给大家供大家参考。具体分析如下:JavaScript,通过点击按钮更改网页背景与字体的颜
本文实例讲述了js获取及修改网页背景色和字体色的方法。分享给大家供大家参考,具体如下:获得网页的背景色和字体颜色,方法如下:思想:通过取得颜色属性值得到的是rg
CSS3PatternsGallery这个CSS3模式库展示了各种使用纯CSS3实现的网页背景效果,可以即时修改代码浏览效果,非常棒!LayerStyles这是
本文介绍了CSS实现网页背景图片自适应全屏的方法,分享给大家,具体如下:网页背景自适应全屏.PNG一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的
网页背景。CSS3.0可以设置网页的背景来实现页面的美化,其中借助background-origin来决定背景在页面的初始位置,background-size指