Скрипты-სკრიპტები

მთავარი » 2012 » მაისი » 14 » Скрипт для изменения фона
02:36
Скрипт для изменения фона
Это после /head на всех страницах сайта
<script src="/js/cookie.js"></script>

Этот код надо вставлять в то место где бы вы хотели видеть "кнопки"

<div class="backs" title="Выбор фона">
         <table><tr>
<td><img id="jp1" src="/img/1.jpg" width="30px" /></td>
<td><img id="jp2" src="/img/2.jpg" width="30px" /></td>
<td><img id="jp3" src="/img/3.jpg" width="30px" /></td>
         </tr></table>
         </div>
         <script>
         $('#jp1').click(function() {
         setCookie('j1', 365);
         eraseCookie('j2');eraseCookie('j3');
         $('.body').css('background-image', 'url("/img/fon.jpg")');
         });
         $('#jp2').click(function() {
         setCookie('j2', 365);
         eraseCookie('j1');eraseCookie('j3');
         $('.body').css('background-image', 'url("/img/fon2.jpg")');
         });
         $('#jp3').click(function() {
         setCookie('j3', 365);
         eraseCookie('j2');eraseCookie('j1');
         $('.body').css('background-image', 'url("/img/fon3.jpg")');
         });
         if(getCookie('j1')) {
         $('.body').css('background-image', 'url("/img/fon.jpg")');
         };
         if(getCookie('j2')) {
         $('.body').css('background-image', 'url("/img/fon2.jpg")');
         };
         if(getCookie('j3')) {
         $('.body').css('background-image', 'url("/img/fon3.jpg")');
         };
         </script>

Ссылки на картинки меняем на свои.
Так теперь ксс.
Если вас устраивает способ в отором тегу body дают класс то выглядеть код будет как было показанно выше.
Если вы нехотите наполнять ксс то вместо

$('#jp1').click(function() {
         setCookie('j1', 365);
         eraseCookie('j2');eraseCookie('j3');
         $('.body').css('background-image', 'url("/img/fon.jpg")');
         });

Убераем одну лишь точку перед боди.(и во всех местах в скрипте!)

Ссылка на архив сдесь!
კატეგორია: Полезное | ნანახია: 441 | დაამატა: nukria | რეიტინგი: 0.0/0
სულ კომენტარები: 0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[ რეგისტრაცია | შესვლა ]
მოგესალმები Гость