网站规范建设,个人网站做得优秀的,怎么在网上发布广告,oa系统品牌本文实例为大家分享了DIVCSSJS实现的文字颜色渐变效果#xff0c;供大家参考#xff0c;具体内容如下下面是 CSS 部分代码#xff1a;body{ font:12px/1.5 Microsoft Yahei;}h3{ padding:10px; margin:0; background-color:#999; color:#fff; font:16px/1.5 Microsoft Yahei…本文实例为大家分享了DIVCSSJS实现的文字颜色渐变效果供大家参考具体内容如下下面是 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 部分代码CSS多彩渐变字文字R值 RGB颜色中的R值(0-255)G值 RGB颜色中的G值(0-255)B值 RGB颜色中的B值(0-255)渐变方式 灰度渐变变化R值变化G值变化B值 相应的数值会强制在0~255之间变化OK上色以下是 JavaScript 部分代码// JavaScript代码开始var rs document.getElementById(rvalue);var gs document.getElementById(gvalue);var bs document.getElementById(bvalue);function init(){ var str; for(var i0;i255;i){ var opr document.createElement(option); var opg document.createElement(option); var opb document.createElement(option); opr.innerHTML i; opg.innerHTML i; opb.innerHTML i; switch(i){ case 100:opb.selectedselected;break; case 200:opg.selectedselected;break; } gs.appendChild(opg); rs.appendChild(opr); bs.appendChild(opb); } setDiv();}function setDiv(){ var font document.getElementById(ctext).value; var dObj document.getElementById(box); dObj.innerHTMLfont;}function createData(){ var font document.getElementById(ctext).value; var r rs.options[rs.selectedIndex].text; var g gs.options[gs.selectedIndex].text; var b bs.options[bs.selectedIndex].text; var type document.getElementById(ctype).value; if(font||fontundefined){ font文字不能为空使用默认文字; document.getElementById(ctext).value font; } colorful(box,font,r,g,b,type);}function colorful(obj,font,r,g,b,type){ var boxObj; if(typeof(obj)string||typeof(obj)number){ boxObj document.getElementById(obj); }else{ boxObj obj; } boxObj.innerHTML; var num boxObj.getElementsByTagName(a)[0].scrollWidth; boxObj.innerHTML; for(var i0;inum;i){ var ji1; var cMath.round(255/num*i); switch(Number(type)){ case 0:rc;gc;bc;break; case 1:rc;break; case 2:gc;break; case 3:bc;break; } var iObj document.createElement(A); iObj.innerHTMLfont; iObj.style.cliprect(auto jpx auto ipx); iObj.style.colorrgb(r,g,b); //iObj.href#; // 生成的文字超链接 boxObj.appendChild(iObj); }}init();《script》
