Fading Links Using jQuery : dwFadingLinks

CSS

#link1 { color:#ffd600; }
#link2 { color:#ff5a00; }
#link3 { color:#00a8e1; }
#link4 { color:#009661; }

HTML

<p><a href="javascript:;" class="fade" id="link1">Link Fade 1</a></p>
<p><a href="javascript:;" class="fade" id="link2">Link Fade 2</a></p>
<p><a href="javascript:;" class="fade" id="link3">Link Fade 3</a></p>
<p><a href="javascript:;" class="fade" id="link4">Link Fade 4 </a></p>

jQuery JavaScript

$(document).ready(function() {
			$('.fade').dwFadingLinks({
				color: '#008000',
				duration: 700
			});
		 });

jquery-1.2.6.js

Click Here to DOWNLOAD

jquery.dwFadingLinks.js

Click Here to DOWNLOAD

jquery.effects.core.js

Click Here to DOWNLOAD

Example

Click to DEMO