DIV+CSS+JS实现的文字色彩渐变.docVIP

DIV+CSS+JS实现的文字色彩渐变（转载） 如题，这是一个简单的 CSS + DIV + JavaScript 实现的文字色彩渐变效果。 点击查看：Demo | 右键另存下载, 或拷贝以下代码 下面是 CSS 部分代码： !--CSS代码开始-- body{ font:12px/1.5 Microsoft Yahei; } h3{ padding:10px; margin:0; background-color:#999; color:#fff; font:16px/1.5 Microsoft Yahei; text-align:center; } .box{ position:relative; background-color:#fff; width:auto; margin:0 auto; padding:0 30px; font:700 20px/1.5 Microsoft Yahei,Microsoft Yahei; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; height:30px; margin-top:8px; } .box a{ position:absolute; font-style:normal; white-space:nowrap; } .f999{ color:#999; } 下面是 DIV 部分代码： !--DIV代码开始-- div style=width:400px;margin:200px auto;background-color:#f2f2f2;border: 1px dashed #ccc; h3strongCSS多彩渐变字/strong/h3 table width=100% border=0 cellspacing=0 cellpadding=0 tr td height=10 colspan=2 align=center/td /tr tr td width=19% height=30 align=right文字：/td td width=81%input name=text type=text id=ctext size=30 maxlength=16 style=font:12px Microsoft Yahei value=请在此输入您需要生成渐变色的文字 onkeyup=setDiv() //td /tr tr td height=30 align=rightR值：/td tdselect name=Rvalue style=font:12px Microsoft Yahei id=rvalue/select span class=f999RGB颜色中的R值（0-255）/span/td /tr tr td height=30 align=rightG值：/td tdselect name=Gvalue style=font:12px Microsoft Yahei id=gvalue/select span class=f999RGB颜色中的G值（0-255）/span/td /tr tr td height=30 align=rightB值：/td tdselect name=Bvalue style=font:12px Microsoft Yahei id=bvalue/select span class=f999RGB颜色中的B值（0-255）/span/td /tr tr td height=30 align=right渐变方式：/td tdselect name=ctype style=font:12px Microsoft Yahei id=ctypeoption value=0灰度渐变/optionoption value=1 selected=selected变化R值/optionoption value=2变化G值/optionoption value=3变化B值/option/select span class=f999相应的数值会强制在0~255之间变化/span/td /tr /table div class=box id=box/div br / ????button onclick=javascript:createData()OK，上色！/button br / ? /div 以下是 JavaScript 部分代码： // JavaScript