使用JQuery切换css代码,JS代码库,德仔网

代码语言

代码分类

【JS】使用JQuery切换css

作者:jszhang / 发布于2012/6/12/ 546

首先给换肤链接绑定单击事件，传递rel属性进行样式交换，换肤链接与link标记的title属性对应,如果cookie中保存有样式名称，则首先应用此样式，如果不存在，则在选择换肤样式时，完成换肤，并建立对应样式的cookie，以保证下次打开同一页面时还是此次选择的皮肤样式（必须保证cookie有效）.完整代码和演示既然 Kelvin Luck已经编写了这些代码，我就不在这里重复了 http://www.kelvinluck.com/assets/jquery/styleswitch/

<div>/**
* Styleswitch stylesheet switcher built on jQuery
* Under an Attribution, Share Alike License
* Download by <a href="http://www.codefans.net">http://www.codefans.net</a>
* By Kelvin Luck ( <a href="http://www.kelvinluck.com/">http://www.kelvinluck.com/</a> )
**/</div>
<div>(function($)
{
 $(document).ready(function() {
 $('.styleswitch').click(function()
 {
 switchStylestyle(this.getAttribute("rel")); 
 return false;
 });
 var c = readCookie('style');
 if (c) switchStylestyle(c);
 });
 
 function switchStylestyle(styleName)
 {
 var ifrm = $("#rightMain").contents();
 $('link[@rel*=style][title]').each(function(i) 
 {
 this.disabled = true;
 if (this.getAttribute('title') == styleName) this.disabled = false;
 });
 ifrm.find('link[@rel*=style][title]').each(function(i) 
 {
 this.disabled = true;
 if (this.getAttribute('title') == styleName) this.disabled = false;
 });
 createCookie('style', styleName, 365);
 }
})(jQuery);
// cookie functions <a href="http://www.quirksmode.org/js/cookies.html">http://www.quirksmode.org/js/cookies.html</a>
function createCookie(name,value,days)
{
 if (days)
 {
 var date = new Date();
 date.setTime(date.getTime()+(days*24*60*60*1000));
 var expires = "; expires="+date.toGMTString();
 }
 else var expires = "";
 document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name)
{
 var nameEQ = name + "=";
 var ca = document.cookie.split(';');
 for(var i=0;i < ca.length;i++)
 {
 var c = ca[i];
 while (c.charAt(0)==' ') c = c.substring(1,c.length);
 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 }
 return null;
}
function eraseCookie(name)
{
 createCookie(name,"",-1);
}
// /cookie functions</div>

试试其它关键字

　切换css　

同语言下

可能有用的

jszhang贡献的其它代码(3)