jQuery实现简单的网页换肤效果示例

本文实例讲述了jQuery实现简单的网页换肤效果。分享给大家供大家参考，具体如下：

这里有4个文件：skin.html、blue.css、green.html、red.html，都放在同一目录下。

1、skin.html

rush:js;">

皮肤列表:

• 今天
• 心情
• 不错

重点只有一个，就是那几行JavaScript代码。为了让大家看到全貌，所以将整个HTML代码贴了出来。

2、blue.css

rush:css;"> li {color:blue;}

3、green.css

rush:css;"> li {color:green;}

4、red.css

rush:css;"> li {color:red;}

可能有网友觉得一句话还搞毛css文件，这里是以小见大，见笑了。^_^

5、截图如下：

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。