?? 一個(gè)漸變彩色文字生成器.txt
字號(hào):
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta name="keywords" content="color text,color,text,generator,漸變文字,彩色文字,漸變,生成器">
<meta name="description" content="一個(gè)漸變彩色文字生成器">
<title>彩色漸變文字生成器</title>
<STYLE TYPE="text/css">
<!--
body { font: 9pt "宋體"; margintop: 0px }
td {font-size: 9pt;text-decoration: none}
A:link {font-size: 9pt;text-decoration: none}
A:visited {font-size: 9pt;text-decoration: none}
A:hover{font-size: 9pt; text-decoration: none}
.pt9 { font-size: 9pt;text-decoration: none }
-->
</STYLE>
<script language=JavaScript1.2>
<!--
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("輸入的數(shù)值不正確！");
eval("form."+obj+".focus()");
}
}else{
alert("輸入的數(shù)值大于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+='<TABLE WIDTH="100%" BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD ALIGN=CENTER BGCOLOR="'+color3+'"><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> </TD></TR></TABLE>';
}
return GradStr;
}
function GenTag(form){
var ss,ee,bb;
if(!isNum(form.start.value,16)){
alert("請(qǐng)檢查起始顏色數(shù)值");
}else if(!isNum(form.end.value,16)){
alert("請(qǐng)檢查結(jié)束顏色數(shù)值");
}else if(!isNum(form.bg.value,16)){
alert("請(qǐng)檢查背景顏色數(shù)值");
}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("輸入的顏色數(shù)值不正確。");
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>
</HEAD>
<BODY bgcolor="#FFFFFF">
<form>
<div align="center">
<input type="button" value="返回" onClick="history.go(-1)" name="button" class="pt9">
<input type="button" name="Button" value="回到首頁" onClick="javascript:top.location='../../../index.html'" class="pt9">
<input type="button" name="Button2" value="最新更新" onClick="javascript:top.location='../../jsaa.html'" class="pt9">
</div>
</form>
<CENTER>
<form name=GradForm>
<table border=1><tr><td>
<INPUT type=radio name=setitem value="bg" onClick="set(0)">背景色<input type=text name="bg" size=6 value="#FFFFFF" onChange="newRGB(1,'')">
<INPUT type=radio name=setitem value="start" onClick="set(1)" checked>起始色<input type=text name="start" size=6 value="#FF0000" onChange="newRGB(1,'')">
<INPUT type=radio name=setitem value="end" onClick="set(2)">結(jié)束色<input type=text name="end" size=6 value="#0000FF" onChange="newRGB(1,'')">
</td></tr>
<tr><td>
<font color="#FF0000">紅</font> <input type="Button" value="+" onClick="setRGB('r',1)"><INPUT type=text name=rgb_r size=3 value=0 onChange="newRGB(0,'r')"><input type="Button" value="-" onClick="setRGB('r',-1)">
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -