CSS Style Switcher: A quick and dirty how-to. Before you begin to start switching CSS styles on your web site, it is very important that you have already developed it using structural XHTML. It is also necessary that you have created at least 1 style sheet, and for the purposes of this tutorial, 1 alternate style sheet. Let's begin. There are many ways to attach the style sheet to your web page, but the method we’re going to use here is the linking method. Begin by first linking your default style sheet in-between the <head> tags of your web page: <head><title>Your Web Page Title</title><link rel=”stylesheet” type=”text/css” href=”yourdefaultstyle.css” title=”default” /></head> Now, you wouldn't be able to switch your style if there was nothing to switch to, so we must specify an alternate style sheet.
<head><title>Your Web Page Title</title><link rel=”stylesheet” type=”text/css” href=”yourdefaultstyle.css” title=”default” /><link rel=”alternate stylesheet” type=”text/css” href=”youralternatestyle.css” title=”alternate” /></head> jQuery PointPoint Plugin. Photo Desk. Slides, A Slideshow Plugin for jQuery. TipTip jQuery Plugin | Drewwilson.com.