javascript在网页中能动态创建CSS的类吗？

<div ID=parent>
<div style="position:absolute;top:190;left:0;height:10;width:19;background:#f00;border:1px solid #f00"></div>
<div style="position:absolute;top:180;left:20;height:20;width:19;background:#0f0;border:1px solid #0f0"></div>
<div style="position:absolute;top:170;left:40;height:30;width:19;background:#0f0;border:1px solid #00f"></div>
................................................
</div>
ID为parent中的div子元素若干,我想要想把所有子元素的background改为空也就是只有边框色中间填充色为透明，改完后跟据情况，又恢复成原来的样子，
background 与 border 的色一一对应,但这种一一对应的色最多不超过32种，但32色具体是什么值不能确定
也就是说ID为parent中的div若干子元素的样子随机从32种色中选
<div style="position:absolute;top:190;left:0;height:10;width:19;background:#f00;border:1px solid #f00"></div>原来样子
<div style="position:absolute;top:190;left:0;height:10;width:19;border:1px solid #f00"></div>改后样子
如何在 原来样子 到 改后样子 这之间最快速切换



[ 本帖最后由 newoweb 于 2009-9-5 13:46 编辑 ]