jQuery. Звук при нажатии на ссылку

Подключаем jquery.cookie.js

Подключаем скрипт:

<script type="text/javascript">
jQuery(document).ready(function(){
        var audio = $("#beep-one")[0];

        if($.cookie('play') == 2) {
		$(".zvuk").html('<span id="pl">Звук | вкл.</span>');
        }
        else {
		$(".topnav ul li").click(function() {
		audio.play();
		});
		$(".zvuk").html('<span id="st">Звук | выкл.</span>');
        }
        $("#pl").click(function() {
               $.cookie("play", 1, { expires: 999, path: '/' });
	        location.href='<?php echo $_SERVER['REQUEST_URI']; ?>';
        });     
        $("#st").click(function() {
               $.cookie("play", 2, { expires: 999, path: '/' });
	        location.href='<?php echo $_SERVER['REQUEST_URI']; ?>';
        });

});
</script>

Подключения самого звука в html (в любом месте):

<source src="/js/home.mp3"></source>
<source src="/js/home.ogg" controls></source>
Ваш браузер не поддерживает замечательный элемент <audio>.
</audio>

В див с классом .zvuk будeт прописываться кнопка вкл/выкл, которой можно отключить звуки.

.topnav ul li — указываем при нажатии на что будет проигрываться звук.

Запись опубликована в рубрике JavaScript с метками , , . Добавьте в закладки постоянную ссылку.

2 комментария: jQuery. Звук при нажатии на ссылку

  1. Данила говорит:

    Пфф… А откуда, так сказать, взялся там элемент с id «beep-one»?

    Он вообще нигде не объявляется.

  2. Роман говорит:

    Хочу выразить огромное человеческое спасибо.

    За подробную инструкцию. Спасибо вам, верстальщик! Оценка отлично.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *