jquery to achieve a simple web page skin-changing effect example _jquery

This article describes jquery to achieve a simple web page skin-changing effect. Share to everyone for your reference, specific as follows:

Here are 4 files: skin.html, Blue.css, green.html, red.html, all in the same directory.

1, skin.html

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

There's only one point, that's the few lines of JavaScript code. To get everyone to see the whole picture, put the entire HTML code out.

2, Blue.css

Li {color:blue;}

3, Green.css

Li {color:green;}

4, Red.css

Li {color:red;}

may have netizens feel a word also hair css file, here is small, laughed. ^_^

5, the screenshot is as follows:

More interested readers of jquery-related content can view the site topics: "jquery Extended Tips," "jquery common Plug-ins and Usage summary", "jquery drag-and-drop effects and tips summary", "jquery table (table) Operation Tips Summary", " A summary of Ajax usage in jquery, a summary of common classic effects in jquery, a summary of jquery animation and special effects usage, and a summary of jquery selector usage

I hope this article will help you with the jquery program design.