改变网页皮肤-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)
创始人
2025-05-31 05:36:53

【案例1-8】改变网页皮肤

一、案例描述

  1. 考核知识点

onclick()事件

  1. 练习目标
  • 掌握onclick()点击事件。
  • 了解document对象。
  1. 需求分析

实现单击网页中的按钮改变网页的皮肤颜色。

  1. 案例分析
  1. 打开页面时，效果如图1-10所示。

 

  1. 改变背景色之前

当点击“设为蓝色”按钮后，查看网页的皮肤变化，效果如图1-11所示。

  1. 改变蓝色之后
  1. 具体实现步骤如下：
  1. 设置4个button按钮，并绑定点击事件οnclick="color('参数')"。
  2. 编写js代码，定义color()方法。

、二、案例实现

根据上面的分析，可以通过简单的JavaScript代码来实现这一效果，具体代码如下：

  4.     
  5.     改变网页皮肤
  8.   
  9.   
  10.   
  11.   
  12.   
  13.   
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：【服务器数据恢复】使用碎片拼接方法恢复SQL Server数据库的数据恢复案例

下一篇：【Vue全家桶】模板语法

相关内容

热门资讯

游戏服务器是什么怎么租用 游戏服务器是什么怎么租用 我是艾西，作为一个常年与游戏行业保持着高频率的服务器供应商&...
Flink-转换算子  基本转换算子         map(映射)         filter（过滤&#...
2023年金三银四大厂高频Ja... Java 面试 谈到 Java 面试，相信大家第一时间脑子里想到的词肯定是金三银四&#...
C语言手撕一个Hash表（Ha... 什么是Hash Table 散列表用的是数组支持按照下标随机访问数据的特性，所以散列表...
springMVC01- 文章目录今日目标一、SpringMVC简介1 SpringMVC概述问题导入1.1 SpringMV...
Electron开发的应用利用... 技术选型： 1、electron：21.3.3 2、electron-v...
【Elastic (ELK) ... 目录 一、ES 基本概念介绍 1.1 ES 是什么 1.2 ES 主要功能 1.3 ES 相关术语 ...
指定wb用户在指定日期范围内的... 一、操作步骤 只记录过程，不讲述原理 1.获取用户ID和cookie 用户ID在进入个...
sheng的学习笔记-IO多路... 基础概念IO分为几种：同步阻塞的BIO，同步非阻塞的NIO，...
接口自动化测试（Python+...  目录：导读 （1）接口自动化测试的优缺点 (2)Pyth...
重构条件-Consolidat... 重构条件-Consolidate Conditional Expression合并条件式二 1.合并...
【论文阅读】BiSeNet V... 前言BiSeNet V2延续了v1版本的双边结构，分别处理空间细节信息、高层语义信息。...
二、马尔可夫决策过程与贝尔曼方... 这里写目录标题1 马尔可夫性质2 马尔可夫过程3 马尔可夫奖励过程（Markov re...
golang端口重用 文章目录前言SO_REUSEADDR简介Python中的用法golang用法其他学习总结 前言 服...
Zabbix“专家坐诊”第18... 问题一 Q：Zabbix5.0版本，如图，请问这里怎么修改...
深度学习技巧应用5-神经网络中... 大家好，我是微学AI，今天给大家带来深度学习技巧应用5-神经网络中的模型...
Mongodb 常用基本语法与... 常用操作 1、 Help查看命令提示 db.help(); 2、 切换/创建数据库 use t...
java中Long型数据大小比... 起因 今天在做项目的时候，想构建一个树形结构，从数据库中查询出了所有数据...
【Linux】-- 进程概念 基本概念进程(Process):是操作系统进行资源分配的最小单位。一个进程是一个程序的一次执行过程。...
2023-03-22干活小计： transformer: position-embedding: 残差：我也会了 ad...
verilog(基础知识) 摘要：主要写自己的学习内容，可能不完整 概述 对硬件描述，主要是对芯片设计进行验证人员对其进行验证...
MySQL函数 - 字符串函数... 文章目录1 字符串函数2 数值函数3 日期函数4 流程函数 函数是指一段可以直接被另一段程序调用的程...
Word2010（详细布局解释... 目录一、界面介绍二、选项卡1、文件选项卡（保存、打开、新建、打印、保存并发送、选项&#...
ProTradex是链上衍生品... 目前，链上衍生品市场的总市值已经超过100亿美元，链上衍生品市场的产品类...
spring boot 集成 ... 要将 PostGIS 集成到 Spring Boot 应用程序中，需要按照以下步骤进行操作：1. 将...
【DDIM精读】公式推导加代码... 【DDIM精读】公式推导加代码分析。1.前言：ddim总览2.均值（μ\...
系统开发-McCabe复杂度（... 系统开发（上）-软件设计（三十二）https...
每日学术速递3.22 CV - 计算机视觉 |  ML - 机器学习 |  RL - 强化学习 | NLP 自然语言处理 ...
CCF-CSP题解 第二题（J... 目录 201312-2：ISBN号码 201403-2：窗口 20140...
在服务器上搭建nacos集群-... 搭建集群需要具备JDK环境，1个Nginx+3个nacos注册中心+1...