动态按钮生成器

动态按钮代码生成器

下面框中为脚本显示区

Images

MouseOut Image Source

MouseOver Image Source

Control Panel

Create the image as a link to:

Target (for frames only):

Attributes

Width:		Name:
Height:		Alt:
Border:

脚本说明：
第一步:把如下代码加入<head>区域中:
<script language="javascript">
<!--Hide
//timer
speed = 10;
//Array to make Objects
Imagi        = new Array();
//numbers of Link
no_of_images = 0;
currentImage = -1;

function checkBrowser() {
	var bname = navigator.appName;
	var ver   = parseInt(navigator.appVersion);
	if (bname == "Netscape" && ver >= 3 || bname == "Microsoft Internet Explorer" && ver >= 4)
	;
	else {
		alert('You need Netscape Navigator 3 and above or Microsoft Internet Explorer 4 and above')
		
	}
}

checkBrowser();

//The Image Object
function ImageObject(Name, OffSrcPro, OffSrc, OnSrcPro, OnSrc, Width, Height, Alt, Border, URL, LinkTarget) {
	 this.Name 	     	    = Name;
	 this.OffSrcPro       = OffSrcPro;
	 this.OffSrc     	    = OffSrc;
	 this.OnSrcPro	    = OnSrcPro;
	 this.OnSrc     	    = OnSrc;
	 this.Width	          = Width;
	 this.Height          = Height;
	 this.Alt		    = Alt;
	 this.Border	    = Border;
	 this.URL		    = URL;
	 this.LinkTarget      = LinkTarget;
	 this.length	    = 11;
}

//Function Performing Form Validation
function checkMe(Me) {
	 with(Me) {
		  SrcBox1.focus();
		  SrcBox1.blur();
		  SrcBox2.focus();
		  SrcBox2.blur();
		  if (URLBox.value == "http://" || URLBox.value == "") {
		  	alert("连接的URL没有设置"); 
			URLBox.focus(); 
			return false; 
		  }
		  if (SrcBox1.value == "") {
		  	alert("MouseOut图片尚未设置"); 
			SrcBox1.focus(); 
			return false; 
		  }
		  if (SrcBox2.value == "") { 
			  alert("MouseOver图片尚未设置"); 
			  SrcBox2.focus(); 
			  return false; 
		  }  
		  if (NameBox.value == "") { 
			  alert("图片尚未命名"); 
			  NameBox.focus(); 
			  return false; 
		  }  
		  return true;
	 }
}

//Clean options[0] when page loaded
function Clean() {
	abc = document.forms[0].Images;
	if (Imagi.length == 0 && abc.length != 0) {
		for(var loop = 0; loop < abc.length; loop++)
			abc.options[loop] = null;
	}
}

function removeIt() {
	if (document.mouseOverForm.Images.selectedIndex < 0)
		alert("你尚未选择任何项目!");

with(document.mouseOverForm.Images) {
		for (var t=0; t < length; t++) {
		    if (options[t].selected) {
			    if (confirm("确信移去图片?")) {
				    for(var z = t; z < length-1; z++) {
					    Imagi[z].URL = Imagi[z+1].URL;
						Imagi[z].LinkTarget = Imagi[z+1].LinkTarget;
						Imagi[z].OffSrcPro = Imagi[z+1].OffSrcPro;
						Imagi[z].OnSrcPro = Imagi[z+1].OnSrcPro;
						Imagi[z].OffSrc = Imagi[z+1].OffSrc;
						Imagi[z].OnSrc = Imagi[z+1].OnSrc;
						Imagi[z].Name = Imagi[z+1].Name;
						Imagi[z].Border = Imagi[z+1].Border;
						Imagi[z].Alt = Imagi[z+1].Alt;
						Imagi[z].Height = Imagi[z+1].Height;
						Imagi[z].Width = Imagi[z+1].Width;
				    }     
				    Imagi.length -= 1;
				    --no_of_images;
				    options[t] = null;
				    CleanBoxes(window.document.mouseOverForm);
     			}
			}
		}
	}
}

function Debug() {
	var no = prompt("Please enter the Object number you want to debug", "");
	var second_argu = "Imagi[" + no + "]";
	show_props(Imagi[no], second_argu);
}

//for debugging usage
function show_props(obj, obj_name) {
	var result = "";
	for (var i in obj)
		result += obj_name + "." + i + " = " + obj[i] + "\n";
	alert(result);
}

//Clean the options[0] when page loaded
function Clean() {
	abc = document.mouseOverForm.Images;
	if (Imagi.length == 0 && abc.length != 0) {
		for(var loop = 0; loop < abc.length; loop++)
		abc.options[loop] = null;
	}
}

//Clean the value in the fields
function CleanBoxes(argv) {
	var x = 0; //counter
	while(x != argv.length - 1) { 
		if (argv.elements[x].type == "text") {
			argv.elements[x].value = "";
		}
	x++;
	argv.URLBox.value = "http://";
	argv.Header1.options[0].selected = true;
	argv.Header2.options[0].selected = true;
	argv.HeadSrc1.focus();
	argv.HeadSrc1.blur();
	argv.HeadSrc1.value = "";
	argv.HeadSrc2.focus();
	argv.HeadSrc2.blur();
	argv.HeadSrc2.value = "";   
	argv.SrcBox1.focus();
	argv.SrcBox1.blur();
	argv.SrcBox1.value = "";
	argv.SrcBox2.focus();
	argv.SrcBox2.blur();
	argv.SrcBox2.value = "";   
	argv.URLBox.focus();
	}
}

closedd = true;
function PopDrive(no) {
	if (closedd) {
	Box = no;
	First = '<html><body bgcolor="white" text="#000000" link="#000099" vlink="#663366" alink="#ff0000" onUnLoad="window.opener.closedd = true;"   ><center><br><form><input type="file" name="Drive"><br><br><input type="Button" value="OK" name="OK" onClick="window.opener.Make(document.forms[0], ' + Box + '); ' + 'window.opener.CheckAndChange(' + Box + '); ' + '"><input type="Button" name="Cancel" value="Cancel" onClick="window.close();window.opener.closedd = true;"></form></center><blockquote><font face="宋体" size=2>通过"浏览"按钮从硬盘上选择图片文件，然后按"OK"继续。</font></blockquote></BODY></html>';
	Pop = window.open("", "DriveWin", "Width=350,Height=200,resizable=yes");
	Pop.document.open();
	Pop.document.write(First);
	closedd = false;
	}
 	else 
	Pop.focus();
}
 
function Make(na, no) {
	na.Drive.focus();
	na.Drive.blur();
	if (na.Drive.value == "") { 
		alert("文件尚未选择!");
		Pop.focus();
	}
	else {
		if (no == 1) {
			document.mouseOverForm.SrcBox1.value = na.Drive.value; 
			document.mouseOverForm.Header1.options[1].selected = true;
			document.mouseOverForm.HeadSrc1.value = "file:///";
		}
		else if (no == 2) {
			document.mouseOverForm.SrcBox2.value = na.Drive.value; 
			document.mouseOverForm.Header1.options[1].selected = true;
			document.mouseOverForm.HeadSrc2.value = "file:///";
		}
		Pop.close();
		window.closedd = true;
	}
}

//Check the image source, then change the protocol if needed
function CheckAndChange(no) {
	if (no == 1) {
		SrcBox = document.mouseOverForm.SrcBox1;
		Selection = document.mouseOverForm.Header1;
		ProtocolBox = document.mouseOverForm.HeadSrc1;
	}
	else if (no == 2) {
		SrcBox = document.mouseOverForm.SrcBox2;
		Selection = document.mouseOverForm.Header2;
		ProtocolBox = document.mouseOverForm.HeadSrc2;
	}

var c = SrcBox.value.indexOf("http://");
	var d = SrcBox.value.indexOf("file:///");
	if (c >= 0) {
	Selection.options[2].selected = true;
	ProtocolBox.value = "http://";
	Stringo2 = SrcBox.value.substring(c+7);
	SrcBox.value = Stringo2;
	}
	else if (d >= 0) {
	Selection.options[1].selected = true;
	ProtocolBox.value = "file:///";
	Stringo3 = SrcBox.value.substring(d+8);
	SrcBox.value = Stringo3;
	}

if (SrcBox.value != "") {
		var Stringo = SrcBox.value.toUpperCase();
		if (Stringo.indexOf(".GIF") < 0 && Stringo.indexOf(".JPG") < 0 && Stringo.indexOf(".JPEG") < 0 && Stringo.indexOf(".PNG") < 0) {
			alert("看样子没有设置正确的图片文件:)");
			SrcBox.focus();
 		}
	}
}

function stringInsert(initial, replace, position) {

start=parseInt(position);

end=start+replace.length;

newVal=initial.substring(0,start)+replace+initial.substring(end,initial.length);

return newVal;

}
   
function isDigit(form) {
	for (var x = 0; x < form.value.length; x++) {
		var y = form.value.charAt(x);
		var g = parseInt(y);
		if (g >= 0 && g <= 9)
			;
		else {
			alert("非法的参数！");
			form.focus();
			return false;
		}
	}
	return true;
}
    
function InsertBelow()
{
 with(window.document.mouseOverForm)
 {
  if(Images.selectedIndex != -1)
  {
   for(var g=0; g < Imagi.length - 1; g++)
   {
    if (Images.options[g].selected)
    {
     var r = no_of_images;
     Imagi[r] = new ImageObject( Imagi[r-1].Name, Imagi[r-1].OffSrcPro, Imagi[r-1].OffSrc, Imagi[r-1].OnSrcPro, Imagi[r-1].OnSrc, Imagi[r-1].Width, Imagi[r-1].Height, Imagi[r-1].Alt, Imagi[r-1].Border, Imagi[r-1].URL, Imagi[r-1].LinkTarget );
     for(var p = Imagi.length-2; p > g; p--)
     {
      Imagi[p].Name          = Imagi[p-1].Name;
      Imagi[p].OffSrcPro     = Imagi[p-1].OffSrcPro;
      Imagi[p].OffSrc        = Imagi[p-1].OffSrc;
      Imagi[p].OnSrcPro      = Imagi[p-1].OnSrcPro;
      Imagi[p].OnSrc         = Imagi[p-1].OnSrc;
      Imagi[p].Width         = Imagi[p-1].Width;
      Imagi[p].Height        = Imagi[p-1].Height;
      Imagi[p].Alt           = Imagi[p-1].Alt;
      Imagi[p].Border        = Imagi[p-1].Border;
      Imagi[p].URL           = Imagi[p-1].URL;
      Imagi[p].LinkTarget           = Imagi[p-1].LinkTarget;
     }

Imagi[g+1].URL    	= URLBox.value;
     Imagi[g+1].LinkTarget  = TargetBox.value;
     Imagi[g+1].Name 		= NameBox.value;
     Imagi[g+1].OffSrcPro	= HeadSrc1.value;
     Imagi[g+1].OnSrcPro	= HeadSrc2.value;
     Imagi[g+1].OffSrc	= SrcBox1.value;
     Imagi[g+1].OnSrc		= SrcBox2.value;
     Imagi[g+1].Width       = WidthBox.value;
     Imagi[g+1].Height      = HeightBox.value;
     Imagi[g+1].Alt         = AltBox.value;
     Imagi[g+1].Border      = BorderBox.value;
     no_of_images++; 
     Images.length += 1;

for(var b = Images.options.length - 1; b > g; b--)
     {
      Images.options[b].text =  Images.options[b-1].text;
     }
      Images.options[g+1].text = Imagi[g+1].Name;
      CleanBoxes(window.document.mouseOverForm);
    }
   }
  }
  else
    {
     if(Images.length != 0)
     {
      var g = -1;
      var r = no_of_images;
     Imagi[r] = new ImageObject( Imagi[r-1].Name, Imagi[r-1].OffSrcPro, Imagi[r-1].OffSrc, Imagi[r-1].OnSrcPro, Imagi[r-1].OnSrc, Imagi[r-1].Width, Imagi[r-1].Height, Imagi[r-1].Alt, Imagi[r-1].Border, Imagi[r-1].URL, Imagi[r-1].LinkTarget );

for(var p = Imagi.length-2; p > g; p--)
     {
      Imagi[p].Name          = Imagi[p-1].Name;
      Imagi[p].OffSrcPro     = Imagi[p-1].OffSrcPro;
      Imagi[p].OffSrc        = Imagi[p-1].OffSrc;
      Imagi[p].OnSrcPro      = Imagi[p-1].OnSrcPro;
      Imagi[p].OnSrc         = Imagi[p-1].OnSrc;
      Imagi[p].Width         = Imagi[p-1].Width;
      Imagi[p].Height        = Imagi[p-1].Height;
      Imagi[p].Alt           = Imagi[p-1].Alt;
      Imagi[p].Border        = Imagi[p-1].Border;
      Imagi[p].URL           = Imagi[p-1].URL;
      Imagi[p].LinkTarget           = Imagi[p-1].LinkTarget;
     }   
     
     Imagi[g+1].URL    	= URLBox.value;
     Imagi[g+1].LinkTarget  = TargetBox.value;
     Imagi[g+1].Name 		= NameBox.value;
     Imagi[g+1].OffSrcPro	= HeadSrc1.value;
     Imagi[g+1].OnSrcPro	= HeadSrc2.value;
     Imagi[g+1].OffSrc	= SrcBox1.value;
     Imagi[g+1].OnSrc		= SrcBox2.value;
     Imagi[g+1].Width       = WidthBox.value;
     Imagi[g+1].Height      = HeightBox.value;
     Imagi[g+1].Alt         = AltBox.value;
     Imagi[g+1].Border      = BorderBox.value;
     no_of_images++; 
     Images.length += 1;

function CheckIt(array, string) {
	if (array == null || array == "")
		variable = "";
	else
		variable = string + array + "\"";
	return variable;
}

BodyCode = "";
		for (var count = 0; count < Imagi.length; count++) {
			var xName = Imagi[count].Name;
			var xNameOff = Imagi[count].OffSrcPro + Imagi[count].OffSrc;
			var xNameOn  = Imagi[count].OnSrcPro + Imagi[count].OnSrc;
			var Target = CheckIt(Imagi[count].LinkTarget, " TARGET=\"");
			var Border = CheckIt(Imagi[count].Border, " BORDER=\"");
			var Alt = CheckIt(Imagi[count].Alt, " ALT=\"");
			var Width = CheckIt(Imagi[count].Width, " WIDTH=\"");
			var Height = CheckIt(Imagi[count].Height, " HEIGHT=\"");
			var MouseOver = "onMouseOver=\"flipIt(document." + xName + ", " + xName + "On);\""; 
			var MouseOut = "onMouseOut=\"flipIt(document." + xName + ", " + xName + "Off);\"";

HeadCode += xName + "Off = new Image();\r";
			HeadCode += xName + "Off.src = " + "\"" + xNameOff + "\";" + "\r";
			HeadCode += xName + "On = new Image();\r";
			HeadCode += xName + "On.src  = " + "\"" + xNameOn + "\";" + "\r";
			BodyCode += "<A HREF=\""+ Imagi[count].URL + "\""  + Target + " " + MouseOver + " " + MouseOut + "><IMG SRC=\"" + xNameOff + "\" NAME=\"" + xName + "\"" + Border + Alt + Width + Height + "></A>\r\r";
		}
		HeadCode += "\r/" + "/End Hide-" + "->\r</SCRIPT>";
		Emulate = window.open("", "CodeWindow", "width=640,height=420,status=yes,resizable=yes,scrollbars=yes");
		Emulate.document.clear();
		Emulate.document.write('<html><head><title>Code generated</title></head><body bgcolor="#ffffff" text="#000000" link="#000099" vlink="#663366" alink="#ff0000">');
		Emulate.document.write("<br><br><center><font face=\"宋体\">如下代码拷贝到<font color=\"red\">HEAD</font>标签间</font></center><form name=\"genCode\"><center><textarea cols=55 rows=16 name=\"Head\" wrap=\"Virtual\">

如下代码拷贝到BODY 标签间

"); Emulate.document.write('

'); Emulate.document.genCode.Head.value = HeadCode; Emulate.document.genCode.Body.value = BodyCode; Emulate.document.close(); } else alert("You haven't made anything yet"); } //End Hide--> 第二步:把如下代码加入区域中: