<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE=javascript>
function update(temp)
{
if(temp == 'color')
{
document.body.style.backgroundColor="#FFFFFF";//改变背景色
}
if(temp == 'img')
{
document.body.style.backgroundImage="url(http://www.iteye.com/upload/logo/user/37073/648c9ed4-f54b-3f4a-ac54-905f5a483307.gif?1236833802)"; //改变背景图片
}
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#CCFFFF">
<input type = button value="改变背景色" onclick="update('color')">
<input type = button value="改变背景图片" onclick="update('img')">
</BODY>
</HTML>
分享到：
相关推荐
本文实例讲述了javascript设置页面背景色及背景图片的方法。分享给大家供大家参考，具体如下： <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN> <HTML> <HEAD> <TITLE> New ...
而xlsx-style是SheetJS的一个扩展，它为SheetJS增加了样式支持，允许我们在前端生成具有丰富样式的Excel表格，如设置单元格背景色、文本居中、自动换行、调整宽度以及显示百分比等。 首先，让我们深入了解SheetJS的...
JS控制页面背景色切换、显示字体、滚屏速度
在网页设计中，动态改变页面背景色是一种常见的交互效果，可以提升用户体验，使得网站更加生动有趣。本主题将深入探讨如何使用Jquery库来实现这一功能。Jquery是一款广泛使用的JavaScript库，它简化了DOM操作、事件...
通过JavaScript，我们可以实现对图片库的控制，以及动态调整页面背景颜色，以创建一种协调且不断变换的视觉体验。 【描述解析】 "通栏适应浏览器切换，比较适用于企业网站，大气美观" 描述了这个效果的特点和应用...
例如，你可以为所有表格行（tr）或特定行（如偶数行或奇数行）设置不同的背景色。以下是一个基本的CSS样式示例： ```css table { border-collapse: collapse; } td, th { padding: 10px; border: 1px solid #...
// 第二行第二列的像素颜色作为背景色 var k = (imgdata.width + 1) * 4; var br = data[k]; var bg = data[k + 1]; var bb = data[k + 2]; var wd = 0; for (var y = 0; y ; y++) { for (var x = 0; x ; ...
比如，将背景色设为红色： ```javascript myDiv.style.backgroundColor = 'red'; ``` 如果你的`div`元素有多个类名，或者你需要在特定情况下改变这些属性，你可能需要使用`classList.add`或`classList.remove`来...
- **CSS样式**：除了JavaScript逻辑外，还定义了一些基本的CSS样式，例如`.light`类设置了基本的字体大小、颜色、背景色等。这有助于保持页面的基本风格一致。 - **交互逻辑**：通过监听不同的事件（如鼠标悬停、...
JS根据URL参数判断导航背景色 可以在多个页面上使用判断
总结起来，动态设置HTML的背景色主要依靠JavaScript和DOM操作。开发者可以根据实际需求，结合条件判断、事件监听等技术，创造出丰富多样的交互效果。熟练掌握这些技巧，对于提升网页的用户体验至关重要。
例如，使用`body {background-color: color}`来设置整个页面的背景色，其中`color`可以是预定义的颜色名称、十六进制值、RGB或RGBA值等。如果希望实现背景色的动态变化，可以利用CSS的动画或过渡效果。 3. CSS 动画...
在CSS文件中，定义“selectedNode”类以设置背景色和其他样式： ```css .selectedNode { background-color: #yourDesiredColor; /* 其他样式 */ } ``` 请注意，这个示例假设你已经将jQuery库引入到你的页面中，...
页面的body部分需要设置适当的背景色和文字颜色，并在页面加载完成后（即OnLoad事件发生时）调用swapPic函数。这样，当用户访问网页时，浏览器会在页面加载完毕后立即显示一个随机的图片。 通过上述步骤，我们就...
本话题将详细探讨如何在layui中修改弹出层的样式，特别是如何使用CSS的`background`属性来设置多个背景图片。 首先，我们需要理解layui弹出层的工作原理。layui的弹出层是通过JavaScript动态生成HTML元素实现的，...
本主题将探讨如何使用JavaScript和CSS来实现当鼠标移动到一个`<div>`元素上时改变其背景色的效果。 首先，我们来讨论CSS的方法。CSS（Cascading Style Sheets）是用于描述HTML或XML（包括如SVG、MathML等各种XML...
js 特效 html 特效 变换背景色的页面
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
PNG（Portable Network Graphics）是一种支持透明度的图像格式，但在IE6中，对于24位的PNG图片，其背景透明特性无法正确显示，导致图片背景呈现出不透明的黑色或者与页面背景颜色不符，这给网页设计带来了很大的困扰...