Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <head>
- <title>Cookies Colorchanger</title>
- <script type="text/javascript" src="//code.jquery.com/jquery-git.js"></script>
- <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
- <style type="text/css">
- body {
- margin: 0;
- padding: 0;
- }
- .color-menu {
- background-color: rgba(0, 0, 0, .4);
- padding: 5px;
- height: 20px;
- width: 93px;
- position: absolute;
- margin-left: 15px;
- margin-top: 15px;
- border-radius: 3px;
- -webkit-border-radius: 3px;
- }
- .color-menu ul {
- margin: 0;
- padding: 0;
- }
- .color-menu ul li {
- list-style-type: none;
- display: inline-block;
- border-radius: 4px;
- -webkit-border-radius: 4px;
- box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3), inset 0 2px 0 rgba(255, 255, 255, .4);
- padding: 10px 10px;
- cursor: pointer;
- }
- .color-menu ul li.green {
- background-color: #2ecc71;
- }
- .color-menu ul li.blue {
- background-color: #3498db;
- }
- .color-menu ul li.orange {
- background-color: #F5AB35;
- }
- .color-menu ul li.purple {
- background-color: #C476E4;
- }
- body.green {
- background-color: #2ecc71;
- }
- body.blue {
- background-color: #3498db;
- }
- body.orange {
- background-color: #F5AB35;
- }
- body.purple {
- background-color: #C476E4;
- }
- </style>
- <script type="text/javascript">
- jQuery(function ($) {
- var color = $.cookie("color");
- $(".colorChanger li").on("click", function (e) {
- color = $(this).attr("class");
- $("body").attr("class", color);
- $.cookie("color", color, {
- expires: 365 // Die Tage, wie lang es gespeichert werden soll.
- });
- return false;
- }).filter(function () {
- return $(this).attr("class") === color;
- }).click();
- });
- </script>
- </head>
- <body>
- <div class="color-menu">
- <ul class="colorChanger">
- <li class="green"></li>
- <li class="blue"></li>
- <li class="orange"></li>
- <li class="purple"></li>
- </ul>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement