现在许多后台网站都有换皮肤的效果，今天我用 jquery 写了这个效果，主要思路是改变 link 标签的 href 属性值。
html 代码如下：
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"/> <title>网页换肤效果</title> <link rel="stylesheet" type="text/css" href="css/base.css" media="all"/> <link rel="stylesheet" type="text/css" href="css/skin_0.css" media="all" id="cssfile"/> </head> <body> <div id="skin" class="clearfix"> <a id="skin_0" href="javascript:;" class="selected">灰色</a> <a id="skin_1" href="javascript:;">紫色</a> <a id="skin_2" href="javascript:;">红色</a> <a id="skin_3" href="javascript:;">蓝色</a> <a id="skin_4" href="javascript:;">橙色</a> <a id="skin_5" href="javascript:;">绿色</a> </div> <div id="news"> <h1 class="title">时事新闻</h1> </div> <div id="game"> <h1 class="title">游戏快报</h1> </div> </body> </html> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> var $skinBtn = $('#skin > a'); $skinBtn.click(function(){ $(this).addClass('selected').siblings().removeClass('selected'); $('#cssfile').attr('href','css/' + this.id + '.css'); }); </script>
小提示：如果使用 jquery，则需要引入 jquery 库。
PS：以上是本人通过所学的 jquery 知识，随意写的一些效果。
相关推荐
jQuery实现换肤效果jQuery实现换肤效果jQuery实现换肤效果jQuery实现换肤效果
记得以前腾讯网页上有个根据用户心情自定义换皮肤颜色,感觉这个用户体验蛮好的,给出几套样式,...话说现在腾讯不知道咋的,去掉这个功能了,没事现在jquery博客给大家用jquery来实现这个效果.转自http://www.jqueryba.com/
现在介绍网页换肤的例子已经数不胜数，自己也没有仔细研究过，刚搞遇到类似这个问题，网上查了资料解决了问题，感觉很有用，就记录了下来和大家分享一下。效果很简单，我就直接讲怎么使用的。 其中用到了jquery....
主要介绍了jQuery实现的网页换肤效果,结合完整实例形式分析了jQuery通过修改link标签的href属性值实现换肤效果的相关技巧,需要的朋友可以参考下
有兴趣刚需的可以自己下载，非常实用的特效代码，可以完美运行，有能力的还可以二次修改！
主要介绍了jQuery实现简单的网页换肤效果,涉及jQuery事件响应及页面元素属性动态变换操作技巧,需要的朋友可以参考下
1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录...
内容索引:脚本资源,jQuery,jquery换肤,风格切换 jQuery 制作完成的网页风格适时切换，广州网聚奉献。以前本站收集过网站换肤的例子，本效果与以往的其实差别并不大，都是用Js控制CSS文件进行切换重载而完成，不过本...
ightbox原版 这个是最早的版本，也是第一个让我震撼的网页特效了。... 保留了lightbox所有的同时，还支持换肤功能，支持自动播放功能，支持嵌入页面功能，支持嵌入页面组的功能，功能强大配合lightbox的效果
实现部分常用的jQuery插件及动画效果。web开发、JQuery各种插件（放大镜、图片轮播、弹出层、对话框、星级评分等）、页面换肤效果等
HTML,无刷新换肤,切换产品图片 Ajax无刷新换风格，无刷新切换不同颜色的产品图片，其实这是一套超不错的网页前端设计常用特效集，包含了滑过图片出现放大镜效果，通过控制top ，来显示不同的幻灯片，网站换肤封装类...