60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 代码生成类 >> 正文[打印] [收藏]

自动生成使用一段彩色文字的代码，用起来很方便的

作者：生鱼片文章来源：互联网点击数：更新时间：2006-4-10 22:33:39

演示区

脚本说明：

将下面的代码加在<head></head>之间

<!--

var bName=navigator.appName;

var bVer=parseInt(navigator.appVersion);

var NS4=(bName=="Netscape" && bVer >= 4);

var IE4=(bName=="Microsoft Internet Explorer" && bVer >= 4);

var fstr_r;

var fstr_g;

var fstr_b;

var sItem="S";

function display(id, str){

if(NS4 || IE4){

if(NS4){

with (document[id].document){

open(); write(str); close();

}

}else document.all[id].innerHTML=str;

}else{

document.fsample2.startcolor.value=document.GradForm.start.value;

document.fsample2.endcolor.value=document.GradForm.end.value;

}

function makeArray(){

for(i = 0; i<makeArray.arguments.length; i++)

this[i] = makeArray.arguments[i];

}

var convert = new makeArray('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');

function returnBase(number,base) {

eval("var output=parseInt(number)");

if(isNum(number,base)){

if(number < base) output = convert[output];

else{

var MSD = '' + Math.floor(number / base);

var LSD = number - MSD*base;

if(MSD > base) output = returnBase(MSD,base) + convert[LSD];

else output = convert[MSD] + convert[LSD];

}

}else{

output=0;

}

return output;

}

function isNum(no, base){

var cmp="0123456789";

var chkStr=no;

var chkChar;

var rc=true;

var nLen;

if(base == 16){

cmp+="ABCDEFabcdef";

}else if(base == 10){

eval("chkStr=''+parseInt(chkStr)");

}

nLen=chkStr.length;

for(var i=0; i<nLen; i++){

chkChar=chkStr.substring(i,i+1)

if(i==0 && chkChar == "#" && base == 16){

}else if(cmp.indexOf(chkChar)<0){

rc=false;

}

if(rc == false) i=nLen;

}

return rc;

}

function chkNum(obj,base){

var form=document.GradForm;

var rc=true;

if(base==10){

eval("rc=form."+obj+".value <= 255");

}

if(rc){

eval("rc=isNum(form."+obj+".value,"+base+")");

if(!rc){

alert("输入的数值不正确！");

eval("form."+obj+".focus()");

}

}else{

alert("输入的数值大于255！");

eval("form."+obj+".focus()");

}

return rc;

}

function twobyte(no){

var str=no;

if(isNum(no,16)){

str="0"+str;

str=str.substring((str.length-3)+1);

}else{

str="00";

}

return str;

}

function CstrLen(cStr){

var sLen=cStr.length;

var j=0;

for(var i=0;i<sLen;i++){

str=cStr.charAt(i);

if(NS4 && str.charCodeAt(0)<1){

i++;

}

j++;

}

return j;

}

function GradientText(form, color1, color2, color3, gStr, gType){

var redStep, greenStep, BlueStep;

var str_r, str_g, str_b, str;

var gStep=CstrLen(gStr);

var b1 = color1 % 0x100; if(isNaN(b1)) b1=0;

var g1 = parseInt(color1 / 0x100) % 0x100; if(isNaN(g1)) g1=0;

var r1 = parseInt(color1 / 0x10000) % 0x100; if(isNaN(r1)) r1=0;

var b2 = color2 % 0x100; if(isNaN(b2)) b2=0;

var g2 = parseInt(color2 / 0x100) % 0x100; if(isNaN(g2)) g2=0;

var r2 = parseInt(color2 / 0x10000) % 0x100; if(isNaN(r2)) r2=0;

var cStepAdd = parseInt(256 / gStep);

if(g1 > g2){

greenStep = 0;

}else if(g2 > g1){

greenStep = 1;

}else{

greenStep = 2;

}

if(r1 > r2){

redStep = 0;

}else if(r2 > r1){

redStep = 1;

}else{

redStep = 2;

}

if(b1 > b2){

BlueStep = 0;

}else if(b2 > b1){

BlueStep = 1;

}else{

BlueStep = 2;

}

var GradStr="";

if(gType == 'S'){

GradStr+='<br>';

}

for(var i=0; i<gStr.length; i++){

str_r=twobyte(returnBase(r1,16));

str_g=twobyte(returnBase(g1,16));

str_b=twobyte(returnBase(b1,16));

str=gStr.charAt(i);

if(NS4 && str.charCodeAt(0)<1){

str=str+gStr.charAt(i+1);

i++;

}

GradStr+='<font color="#'+str_r+str_g+str_b+'">'+str+'</font>';

if(redStep==1){

r1 = r1 + cStepAdd;

if(r1 > r2) r1 = r2;

}else if(redStep==0){

r1 = r1 - cStepAdd;

if(r1 < r2) r1 = r2;

}

if(greenStep==1){

g1 = g1 + cStepAdd;

if(g1 > g2) g1 = g2;

}else if(greenStep==0){

g1 = g1 - cStepAdd;

if(g1 < g2) g1 = g2;

}

if(BlueStep==1){

b1 = b1 + cStepAdd;

if(b1 > b2) b1 = b2;

}else if(BlueStep==0){

b1 = b1 - cStepAdd;

if(b1 < b2) b1 = b2;

}

if(gType == 'S'){

GradStr+='<br> ';

}

return GradStr;

}

function GenTag(form){

var ss,ee,bb;

if(!isNum(form.start.value,16)){

alert("请检查起始颜色数值");

}else if(!isNum(form.end.value,16)){

alert("请检查结束颜色数值");

}else if(!isNum(form.bg.value,16)){

alert("请检查背景颜色数值");

}else{

eval("ss=0x"+form.start.value.substring(1)+";");

eval("ee=0x"+form.end.value.substring(1)+";");

eval("bb=form.bg.value");

form.code.value=GradientText(form,ss,ee,bb,form.showstr.value,"C");

}

function newRGB(type, field2){

var form=document.GradForm;

var chkOK=true;

var vNo;

if(field2==""){

if(sItem=="S"){

chkOK=chkNum('start',16);

}else if(sItem=="E"){

chkOK=chkNum('end',16);

}else if(sItem=="B"){

chkOK=chkNum('bg',16);

}

if(chkOK){

if(type==0){

if(field2 != "") eval("chkOK=isNum(form.rgb_"+field2+".value,10)");

if(chkOK){

if(field2 != "") eval("chkOK=chkNum('rgb_"+field2+"',10)");

if(chkOK){

fstr_r=twobyte(returnBase(form.rgb_r.value,16));

fstr_g=twobyte(returnBase(form.rgb_g.value,16));

fstr_b=twobyte(returnBase(form.rgb_b.value,16));

if(sItem=="S"){

form.start.value="#"+fstr_r+fstr_g+fstr_b;

}else if(sItem=="E"){

form.end.value="#"+fstr_r+fstr_g+fstr_b;

}else if(sItem=="B"){

form.bg.value="#"+fstr_r+fstr_g+fstr_b;

}

}else{

alert("输入的颜色数值不正确。");

eval("form.rgb_"+field2+"s.focus()");

}

}else{

if(sItem=="S"){

fstr_r=form.start.value.substring(1,3);

fstr_g=form.start.value.substring(3,5);

fstr_b=form.start.value.substring(5,7);

}else if(sItem=="E"){

fstr_r=form.end.value.substring(1,3);

fstr_g=form.end.value.substring(3,5);

fstr_b=form.end.value.substring(5,7);

}else if(sItem=="B"){

fstr_r=form.bg.value.substring(1,3);

fstr_g=form.bg.value.substring(3,5);

fstr_b=form.bg.value.substring(5,7);

}

form.rgb_r.value=parseInt(fstr_r,16);

form.rgb_g.value=parseInt(fstr_g,16);

form.rgb_b.value=parseInt(fstr_b,16);

}

if(chkOK) AddText();

}

function AddText(){

var form=document.GradForm;

var ss,ee,bb;

eval("ss=0x"+form.start.value.substring(1)+";");

eval("ee=0x"+form.end.value.substring(1)+";");

eval("bb=form.bg.value");

str=GradientText(form,ss,ee,bb,form.showstr.value,"S");

display("fsample", str);

}

function setRGB(id,no){

var form=document.GradForm;

var nid="rgb_"+id;

if(id){

var tmp=eval("parseInt(form."+nid+".value)+parseInt("+no+")");

if(tmp<0) tmp=255;

else if(tmp>255) tmp=0;

eval("form."+nid+".value="+tmp);

}

fstr_r=twobyte(returnBase(form.rgb_r.value,16));

fstr_g=twobyte(returnBase(form.rgb_g.value,16));

fstr_b=twobyte(returnBase(form.rgb_b.value,16));

if(sItem=="S"){

form.start.value="#"+fstr_r+fstr_g+fstr_b;

}else if(sItem=="E"){

form.end.value="#"+fstr_r+fstr_g+fstr_b;

}else if(sItem=="B"){

form.bg.value="#"+fstr_r+fstr_g+fstr_b;

}

AddText();

}

function SetColor(clr){

if(sItem=="S"){

document.GradForm.start.value="#"+clr;

}else if(sItem=="E"){

document.GradForm.end.value="#"+clr;

}else if(sItem=="B"){

document.GradForm.bg.value="#"+clr;

}

ResetValue();

AddText();

}

function set(swtch){

if(swtch == 1) sItem="S";

else if (swtch == 2) sItem="E";

else if (swtch == 0) sItem="B";

ResetValue();

}

function ResetValue(){

var form=document.GradForm;

var str_r, str_g, str_b;

if(sItem=="S"){

str_r=form.start.value.substring(1,3);

str_g=form.start.value.substring(3,5);

str_b=form.start.value.substring(5,7);

}else if(sItem=="E"){

str_r=form.end.value.substring(1,3);

str_g=form.end.value.substring(3,5);

str_b=form.end.value.substring(5,7);

}else if(sItem=="B"){

str_r=form.bg.value.substring(1,3);

str_g=form.bg.value.substring(3,5);

str_b=form.bg.value.substring(5,7);

}

form.rgb_r.value=parseInt(str_r,16);

form.rgb_g.value=parseInt(str_g,16);

form.rgb_b.value=parseInt(str_b,16);

}

function nomsg(){

self.status="";

}

function myReset(){

AddText();

}

//-->

</script>

将下面的代码加在<body></body>之间

<font color="#009900">绿</font> <input type="Button" value="+" onClick="setRGB('g',1)"><INPUT type=text name=rgb_g size=3 value=0 onChange="newRGB(0,'g')"><input type="Button" value="-" onClick="setRGB('g',-1)">

<font color="#0000FF">蓝</font> <input type="Button" value="+" onClick="setRGB('b',1)"><INPUT type=text name=rgb_b size=3 value=255 onChange="newRGB(0,'b')"><input type="Button" value="-" onClick="setRGB('b',-1)">

显示文字：<input type=text name="showstr" value="欢 迎 访 问 javascript 世 界" onChange="AddText()">

代码如下：<br>

将下面的代码加在<body>里(例<body **加代码处**>)

上一篇教程：自动生成检测浏览器各种参数的脚本，有了它就方便多了

下一篇教程：没有了

相关自动生成使用一段彩色文字的代码，用起来很方便的的文章：

60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 代码生成类 >> 正文[打印] [收藏]

自动生成使用一段彩色文字的代码，用起来很方便的

网友评论

全站阅读排行

本类热门教程