动态调用css文件——jquery的应用

时间：2022-11-21 17:12 编辑：来源：阅读：
扫一扫，手机访问

摘要：动态调用css文件——jquery的应用

算是翻译吧，原文：[url=http://15daysofjquery.com/style-sheet-switcheroo/12/]http://15daysofjquery.com/style-sheet-switcheroo/12/[/url] 可以应用的范围很广，尤其是用标准构架的网站，比如说pjblog就可以，只要通过简单的点击，就可以让网站在瞬间换个皮肤，当然可以通过其他方法实现，这里通过jquery来实现，优点是代码简洁，可读性强首先放上代码

[url=styles1.css] <link rel="alternate stylesheet" type="text/css" href="styles2.css" title="styles2" media="screen" /> <link rel="alternate stylesheet" type="text/css" href="styles3.css" title="styles3" media="screen" />

这里rel="alternate stylesheet"，使得当前的css不会应用到当前的文档，而只是备用

[u]复制代码[/u][/url] 代码如下:

<li><a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch">styles1</a></li> <li><a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch">styles2</a></li> <li><a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch">styles3</a></li>

这些就是点击后改变样式部分的代码，我们注意到有rel属性，有class属性，这些都是方便定位用的示例：[url=http://www.healdream.com/upLoad/html/jquery/styleswitch/]http://www.healdream.com/upLoad/html/jquery/styleswitch/[/url] 下载：[url=http://www.51files.com/?YTXG82NKA8FA6TIKE4M0]http://www.51files.com/?YTXG82NKA8FA6TIKE4M0[/url]

全部评论(0)

上一篇：js验证真实姓名与身份证号是否匹配
下一篇：jQuery点击其他地方时菜单消失的实现方法