html中怎么动态实现网页背景颜色的转换！比如下图有三种背景颜色可以选择，通过点击相应东西改变背景颜色

<!DOCTYPEhtmlPublic"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head><title>无标题文档</title>[xss_clean]_window.onload=function(){var_span=document.getElementsByTagName('span');varCBody=document.getElementsByTagName('body')[0];_span[0].onclick=function(){CBody.style.background='#CCE8CF';}_span[1].onclick=function(){CBody.style.background='#FFFFE1';}_span[2].onclick=functionn(){CBody.style.background='#FFFFFF';}}[xss_clean]</head><body>____</body></html>这是完整的代码，我只是将内容添加到脚本中给你。
代码有，不懂可以问我。

一篇文章教会你使用html+css3制作GIF图

[1.[2.[3.2、图片规格：图片尺寸为7020*156，共45帧。
[4.2.工具：使用Dreamweaver进行工作。
[五.2、CSS设置：定义div的宽度、高度、位置、颜色；CSS3animation中的steps属性表示动画在45个关键帧、45个匹配帧之间切换，动画持续时间为3秒，每个元素停留1秒。
[6.【效果如图】1.运行到浏览器，点击图片即可看到动画效果。
[7.【总结】1.分析并解决GIF制作中的问题。
2、HTML+CSS可以实现页面的效果，利用相对位置显示图片标题。
3、实践活动，解决过程中遇到的问题，加深理解。
[其他资源]有本文的源代码并在后台回复“GIF图像”。
分享这篇文章以了解更多。
加入ITHome合作伙伴和专业社区。
学习Python网络爬虫和数据挖掘，访问专业网站。