html动态显示背景颜色,js动态修改背景颜色方法汇总

本文介绍了js动态修改背景颜色的多个方法，如何用javascript控制或修改网页背景呢，这需要用到javascript操作鼠标事件及css样式的方法。

一、js改变动态背景颜色

一个div来显示背景颜色，一个颜色框来输入16进制颜色值，一个按钮来激发事件。原本div背景色为白色，输入颜色值之后按按钮，div背景色会从当前颜色动画过渡到目标颜色。

点击后就是这样一个状态，但是截图没有动画效果，附上源代码：

(新浪博客贴出来的代码会给修改掉：

getElementByIdx_x (id); 多了“x_x”；

string.substr(array[x] ,1); 少了“% 16”；

例子：

代码示例:

Color

body{ background:#CCCCCC;}

.color{ background-color:#ffffff; color:#000000; height:200px; width:300px;}

function $(id){

return docume