jQuery Fading Links

by Dave Reeder 16. July 2009 07:09

Ever wanted a Flash style "fading" link without the need to use Flash and sacrifice your SEO?

I discovered a nice way of doing this using the ever popular jQuery javascript library. The technique uses a span and opacity to fade in the hover state of the link. Even better, you don't need two images, you can use one image with both on and off states - see this article for more information.

The result is:

See demo by itself.

See the official site for more information.

Tags: , , , , , ,

Submit to DotNetKicks...
Permalink | Comments (13)

Comments

7/23/2009 12:28:11 PM #

Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon.

sulumits retsambew

7/23/2009 10:08:31 PM #

This is a great article thanks for sharing this informative information.. I will visit your blog regularly for some latest post.

Stop Dreaming Start Action

7/26/2009 3:59:37 PM #

its really useful article and really informative, keep coming with another great resource

your resource

8/4/2009 5:16:43 AM #

from my experience wordpress its more better and easy than blog engine .net, but this blog is great i like...

Belajar SEO Para Pemula

8/4/2009 11:16:23 PM #

Thankyou.
I don't have any experience of Wordpress, but have to admit that I tend to update the blog on "HTML view" and write out every <p> tag etc.  Although, I find this very quick to do so it doesn't bother me.  I think I will try the "normal" view next time and see how the code is generated.

I have used another CMS which did give me problems as it would write out some of the HTML in an unpredicatble manner such as:

<p>Hello World </p>
<p></p>
<p>Next paragraph</p>
<p />

I had a customer using this and ended up removing all margin from the <p> tagsas it made the paragraph spacing a mess.

The BlogEngine forum is a very helpful place - there are some members on there who have answered all my questions quickly.

Dave R

10/4/2009 1:19:03 AM #

Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me.

marketing boca

10/9/2009 8:31:46 PM #

impressive effects.this is what is used in your logo,right?thank you.

buying desk chairs

10/19/2009 6:21:20 AM #

Nice to be visiting your blog again, it has been months for me. Well this article that i've been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share.

Design Websites

1/26/2010 9:56:39 PM #

Do you have any more info on this? pls post if yes . really appreciated

payday advance

1/28/2010 9:52:04 PM #

If you can dream it, you can do it.

Loans in Oklahoma

1/31/2010 10:57:02 PM #

Hello, This blog is very interesting and enjoyable to read. I am a big fan of the subjects discussed. I also enjoy reading the comments, but notice that alot of people should stay on topic to try and add value to the original blog post. I would also encourage everyone to bookmark this page to your favourite service to help spread the word.

bed bath and beyond

1/31/2010 10:58:30 PM #

Very helpful post. Very clear commentary and suggested phrasing are most impressive, as are his and your generosity in sharing this explanation and example. I would also encourage everyone to bookmark this page to your favourite service to help spread the word. Thanks

foreign currency trading

1/31/2010 11:00:11 PM #

The above writing was great. I find it very interesting and I will surely forward this to my friends online. Anyway, thanks for sharing this.

foreign currency trading

Comments are closed