CSS Styleswitcher mit jQuery

Eventuell mal nützlich für das eine oder andere Anwendungsgebiet.
Quelle

<link rel="stylesheet" type="text/css" href="style1.css" />
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.cookie.js"></script>
<script>
      if($.cookie("css")) {
         $("link").attr("href",$.cookie("css"));
      }
   $(document).ready(function() {
      $("#nav li a").click(function() {
         $("link").attr("href",$(this).attr('rel'));
         $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
         return false;
      });
   });
</script>
</head>
<body>
   <div id="wrap">     
      <ul id="nav">
         <li><a href="#" rel="style1.css">Original CSS</a></li>
         <li><a href="#" rel="style2.css">Larger Text</a></li>
         <li><a href="#" rel="style3.css">Something Different</a></li>
      </ul>
    </div>
 </body>
Dieser Beitrag wurde unter HTML, jQuery veröffentlicht. Setze ein Lesezeichen auf den Permalink.

Die Kommentarfunktion ist geschlossen.