Функция jQuery для переключения класса тела в индексе - PullRequest
Новая
       3

Функция jQuery для переключения класса тела в индексе

0 голосов
/ 29 августа 2011

У меня есть список из N уникальных классов тела, у них всех есть соответствующее большое фоновое изображение. Я пытаюсь построить то, что по сути сводится к стандартному ползунку, но вместо того, чтобы перемещаться по li в целевом классе, я переключаю классы тела ".one, .two, .three,. Four, .five и т. Д. .. ", используя навигацию стрелок вперед и назад.

Не совсем уверен, как это сделать правильно, хотелось бы немного постичь?

Ответы [ 2 ]

0 голосов
/ 29 августа 2011

это простое решение, надеюсь, оно вам поможет 

<html>
    <head>
        <script src="jquery.js" type="text/javascript"></script>
        <style>
            li.active { background-color: green;}
            .one { background-color: red;}
            .two { background-color: green;}
            .three { background-color: yellow;}
            .four {background-color: #black;}
        </style>
        <script type="text/javascript">
            $(document).ready(function(){
                $('body').attr('class',$('#senad').val());
                $('#senad').change(function(){
                   $('body').attr('class',$(this).val());
                });
            });
        </script>
    </head>
    <body>
        <select id="senad" size="10">
            <option value="one">One</option>
            <option value="two">Two</option>
            <option value="three">Three</option>
            <option value="four">Four</option>
        </select>
    </body>
</html>

Итак, что я сделал, я создал поле выбора с опциями, вы можете добавить их столько, сколько хотите, и просто указать значение option в качестве имени вашего класса, которое вы хотите присвоить телу.

0 голосов
/ 29 августа 2011

Вы можете взглянуть на jQuery цикл плагинов, который вам подходит.

http://jquery.malsup.com/cycle/

...