1、编写效果中的HTML结构和对应的CSS样式，HTML代码中要特别注意，代码和如下图所示：
2、编写完成后，打开浏览器进行预览，效果如下图所示：
3、添加JavaScript代码，相关注释已经放在了截图中，如下图所示：
4、打开浏览器预览，已经实现了我们需要的功能，如下图所示：
5、下面，我们再用“事件委托”的方法来实现一下同样的效果，对HTML结构进行更改，代码如图所示：
6、更改JavaScript代码，相关注释已经放在了截图中，如下图所示：
7、打开浏览器预览效果，可以实现相同的功能，如图所示：
