Switching Styles: jQuery CSS Exchanger

Here’s a jQuery script for changing the stylesheet of an html page. The styles can be selected from the dropdown on top of the page. There are ten styles to […]

By cody in Playground on

Here’s a jQuery script for changing the stylesheet of an html page. The styles can be selected from the dropdown on top of the page. There are ten styles to choose from. Cookies are used to save your last option. Click on the screenshot to check out the DEMO:

Click here to download the source: CSSExchanger ZIP

DEMO

Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Check out our Collective and stay in the loop.

cody

Cody loves jQuery - he puts the magic into every web application. He is crazy about Curry dishes.

switch

Create an Abstract Image Slideshow with OGL, GLSL, and GSAP

How to Create an Organic Text Distortion Effect with Infinite Scrolling

3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting

The
New
Collective

🎨✨💻 Stay ahead of the curve with handpicked, high-quality frontend development and design news, picked freshly every single day. No fluff, no filler—just the most relevant insights, inspiring reads, and updates to keep you in the know.

Prefer a weekly digest in your inbox? No problem, we got you covered. Just subscribe here.

Feedback 8

Comments are closed.

  1. Pingback: Css Problem In IE – Eliminate these Problems ! | Web Design and all stuff related to it!

  2. Pingback: ??????? » [Web] ????

  3. Pingback: Switching Styles: jQuery CSS Exchanger | Codrops

    • And did it keep it’s promise? Seems like you expected something else… why don’t you make a suggestion?

  5. styleswitcher does not work in Safari 5.1. can’t find a fix anywhere?

    the 1st style sheet will work, but the remainder wont when you select them.

  7. hi everyone.
    i have a question. i want exchange css but not “selectbox”. image or radio button. how can I do?