fading.tt

<script type="text/javascript">
function fademe(id) {

	var obj = document.getElementById(id);

	if(!obj.tmp) obj.tmp = 15;
	if(obj.tmp > 1) setTimeout("fademe('" + id + "')", 100);

	obj.style.color = "#" + color(obj.tmp);
	obj.tmp--;

	return false;
}

function color(i) {
	switch(i) {
		case 15: return "ffffff";
		case 14: return "eeeeee";
		case 13: return "dddddd";
		case 12: return "cccccc";
		case 11: return "bbbbbb";
		case 10: return "aaaaaa";
		default: return i + "" + i + "" + i + "" + i + "" + i + "" + i;
	}
}
</script>

<h2>Fading</h2>
<a href="#nojs" onclick="return fademe('fade1')">click me</a>
<p id="fade1">
Vivamus nec sem. Integer in turpis. Morbi lobortis, turpis sed eleifend aliquet, tellus justo euismod urna, eget fringilla libero lorem eu odio. Suspendisse fringilla felis a eros vehicula luctus. Nunc lobortis. Quisque quam justo, luctus id, fermentum id, dictum a, ante. Aliquam mi. Donec urna urna, scelerisque eget, placerat et, bibendum tempor, quam. Nullam eu massa eget neque adipiscing mattis. Suspendisse diam massa, lacinia eu, malesuada at, consectetuer tincidunt, ipsum. Aliquam facilisis, libero at blandit facilisis, est ligula rutrum quam, non condimentum sem libero quis quam. Nulla nonummy. In imperdiet sapien pharetra nisi. Praesent eu ante. Maecenas mauris nibh, aliquet quis, volutpat nec, tristique eu, turpis. Nam mattis ullamcorper magna. Pellentesque ut lorem. Ut dictum metus vel arcu. Suspendisse a ligula.
</p>