Fading Links Using jQuery : dwFadingLinks

. 5/27/10
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks

jQuery Link Fading


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

0 comments: