Background example

Onload Example

	$("#aa").jFade({
		property: 'background',
		start: '6699CC',
		end: 'FF0000',
		steps: 25,
		duration: 30
	});

Mouseover mouseout example

	$("#a, #b, #c, #d, #e").jFade({
		trigger: "mouseover",
		property: 'background',
		start: '6699CC',
		end: '990000',
		steps: 25,
		duration: 30
	}).jFade({
		trigger: "mouseout",
		property: 'background',
		start: '990000',
		end: '6699CC',
		steps: 25,
		duration: 30
	});

Mouseclick example

	$("#f, #g").jFade({
		trigger: "click",
		property: 'background',
		start: '990000',
		end: '336699',
		steps: 25,
		duration: 30
	});

Border example

Mouseclick example

	$("#h").jFade({
		trigger: "click",
		property: 'borderColor',
		start: '990000',
		end: '336699',
		steps: 25,
		duration: 30
	});

Mouseover mouseout example

	$("#i").jFade({
		trigger: "mouseover",
		property: 'borderColor',
		start: '990000',
		end: '336699',
		steps: 25,
		duration: 30
	}).jFade({
		trigger: "mouseout",
		property: 'borderColor',
		start: '336699',
		end: '990000',
		steps: 25,
		duration: 30
	});

Text color example

Mouseclick example

	$("#j").jFade({
		trigger: "click",
		property: 'color',
		start: '990000',
		end: '336699',
		steps: 25,
		duration: 30
	});

Mouseover mouseout example

	$("#k").jFade({
		trigger: "mouseover",
		property: 'color',
		start: '990000',
		end: '336699',
		steps: 25,
		duration: 30
	}).jFade({
		trigger: "mouseout",
		property: 'color',
		start: '336699',
		end: '990000',
		steps: 25,
		duration: 30
	});