Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Помогите отредактировать переключатель плееров?

Помогите отредактировать переключатель плееров?


     25.05.2015    Общие вопросы, Общие вопросы по вёрстке    1093

вопрос
"Переключатель плееров". Все устраивает, но есть одно "но". Как сделать так, чтобы при загрузке страницы 1 плеер появлялся сразу? Сейчас чтобы 1 плеер появился, нужно нажать на 1 кнопку. Вот код:


<html>
<head>
    
    <script src="http://code.jquery.com/jquery-2.1.0.js"></script>
    <style>
html {
    height: 100%;
    overflow: hidden;
    }
body {
    margin: 0;
    padding: 0;
    }
.top_buttons {
    display: block;
    font-family: sans-serif;
    }
.top_buttons .goPlayerBtn {
    display: inline-block;
    border: 1px solid #000;
    padding: 3px;
    }
    .boxForm {
    background: #ccc;
    }
    .boxForm .goPlayer {
    display: none;
    }
    .boxForm .goPlayer.Active {
    display: block;
    }
    </style>
    <script type="text/javascript">
        function goPlayerBtn ( id ) {

            $(".goPlayer").removeClass("Active");
            $(".box" + id).addClass("Active");

        }
    </script>
<body>


<div class="top_buttons">
    <div class="goPlayerBtn" onclick="goPlayerBtn('1')">1 плеер кнопка</div>
    <div class="goPlayerBtn" onclick="goPlayerBtn('2')">2 плеер кнопка</div>
    <div class="goPlayerBtn" onclick="goPlayerBtn('3')">3 плеер кнопка</div>
</div>

<div class="boxForm">
    <div class="goPlayer box1">
     Плеер 1
    </div>
    <div class="goPlayer box2">
     Плеер 2
    </div>
    <div class="goPlayer box3">
     Плеер 3
    </div>
</div>

</body>
</html>

Ответа пока нет


Комментарии пользователей (1)

FastFud
50

1599 | 588

FastFud - 26 мая 2015 11:37 - Юзер

<div class="boxForm">
    <div class="goPlayer box1 Active">
     Плеер 1
    </div>
    <div class="goPlayer box2">
     Плеер 2
    </div>
    <div class="goPlayer box3">
     Плеер 3
    </div>
</div>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы