ZorNet.Ru — сайт для вебмастера » HTML и CSS » Звук на переключателях страниц uCoz

Звук на переключателях страниц uCoz

Звук на переключателях страниц uCoz
Для разнообразия сайта или тематического наклонение, это как музыка, отлично подойдет этот скрипт. Это когда страницы переключаешь то происходит звучание. Это только распространяется на переключатели страниц, которые безусловно на всех ресурсах есть. Что по звучанию, здесь вы сами можете выбрать и поставить в код, так как в интернете много их есть если поискать.

Так что вы сами можете выстроить звук, возможно даже под тематику ресурса. Единственное, что Вы должны чётко понимать - работать это всё будет только в современных браузерах, где есть поддержка HTML5. Впрочем, все используемые на данный момент браузеры (за очень редким исключением).

Устанавливаем функцию soundClick() на главной странице каталога внизу:

Код
<script>
function soundClick() {
var audio = new Audio(); // Создаём новый элемент Audio
audio.src = '/sound/sound.mp3'; // Указываем путь к звуку "клика"
audio.autoplay = true; // Автоматически запускаем
}
</script>


Также на главной странице находим оператор вывода нижних переключателей страниц, например такая конструкция:

Код
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?>


Добавляем обработку клика мышью по переключателям:

Код
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;" onclick="soundClick()">$PAGE_SELECTOR1$</div><?endif?>


Источник: myrusakov.ru
08 Сентября 2016 Загрузок: 6 Просмотров: 1275 Комментариев: (8)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 8
Kolinkor
Kolinkor 08 Сентября 2016 03:491
0
Так этот скрипт есть на форуме здесь, только название другое.
Kosten
Kosten 08 Сентября 2016 03:542
0
Там на форуме 95% дублируются скрипты, только с другим названием и описанием.
Start
Start 08 Сентября 2016 10:075
0
на изображение так же можно сделать?
Kosten
Kosten 08 Сентября 2016 20:057
0
И на изображение также все сделано, они не дублируются, возможно такое же стоит, только в другом формате или порезано и размеры не совпадают, на фотошоп это быстро можно сделать.
FeStemBer
FeStemBer 08 Сентября 2016 03:563
0
Надо все скрипты в таком направление загружать, тогда интерес и у школьной аудиторий появится. cool
Kosten
Kosten 08 Сентября 2016 04:004
0
Да просто картинка 90 годы напомнила, у меня первые колеса были и там такая аппаратура стояла, что багажник задний открывался если басов добавить.
Kolinkor
Kolinkor 08 Сентября 2016 20:036
0
Что за колеса?
Kosten
Kosten 08 Сентября 2016 20:108
0
Первые колеса, это Москвич люксовый, только из за цвета купил, так как он темно синий был. Так нормальная тачка для начинающих, только бампера быстро бьются.

avatar