js实现简单网页换色

最新推荐文章于 2022-03-29 15:49:29 发布

原创

最新推荐文章于 2022-03-29 15:49:29 发布 · 3.1k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#Article

本文介绍了作者在学习JavaScript过程中的一个练习——使用JavaScript实现网页背景颜色的切换。作为一个大三自学编程的新手，作者分享了HTML、CSS和JavaScript代码，展示了如何实现这一功能，并表达了希望得到技术指导的愿望。

在学习JavaScript中，把一些练习的demo发上来

本人大三，新手，自学Java，JavaScript，html，css，ajax还在学习中，jquery不熟悉，想把JavaScript学精通，再深入学习，非常希望能得到各位技术大咖指导，小女子感激不尽！

使用JavaScript，简单实现网页换背景色功能。

先看个大概的效果图
这里写图片描述

首先html部分，结构很简单

<div class="content">
        <ul id="color">
            <li id="red" title="红色"></li>
            <li id="green" class="active" title="绿色"></li>
            <li id="black" title="黑色"></li>
        </ul>
        <ul id="title">
            <li><a href="#">新闻</a></li>
            <li><a href="#">