drag and share
  • Twitter
  • Delicious
  • Facebook
  • Digg
  • Reddit
  • Stumbleupon
11

Oct

2

Switch stylesheets with jQuery

By: Mark Dijkstra    In: CSS Framework jQuery

The stylesheet switcher allows your visitors to choose which stylesheet they would like to view your site with. It uses cookies so that when they return to the site or visit a different page they still get their chosen stylesheet.

Hello you, if you are new here, you might want to subscribe to our RSS feed for updates on this article and our site.

x


It’s very easy to use and you dont have to use a lot of code.

It has been tested in IE5.5, IE6 and FF1.5 on XP and Safari on OSX.

See a demo here

Written by: Mark Dijkstra

Mark Dijkstra is the founder and main writer of OpenSourceHunter. He's also a passionate freelance web developer and designer. Mark is one of those people that spend too much time on the internet to keep up with all of the trends and tools.
You can follow Mark on twitter @ MarkDijkstra

Share this Story

If you enjoyed reading, consider sharing the love with the rest of the world.

Share

2 Comments

Daniel

May 9, 2010

hi im trying to add the “Switch stylesheets with jQuery”

where do i get the jQuery files ext and where do i put them this is my first time using jQuery?????

Thanks
Dan

Mark Dijkstra

May 13, 2010

Try this tutorial http://net.tutsplus.com/tutorials/javascript-ajax/jquery-style-switcher/

Add Your Comment

Your name

September 3, 2010

We use Gravatars on OpensourceHunter, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too. Get your Gravators account here!