Version 3 (modified by nickboz, 9 years ago) |
---|
<script src="/js/jquery-1.10.2.js"></script> <script src="/js/bootstrap.js"></script> <script> $('.navbar-lower').affix({offset: {top: 60}}); $('[data-toggle="tooltip"]').tooltip(); $(function(){ var shrinkHeader = 80; $(window).scroll(function() {
var scroll = getCurrentScroll(); if ( scroll >= shrinkHeader ) {
$('.navbar-brand').addClass('navbar-shrink'); $('.navbar-inverse').addClass('navbar-colored'); $('.navbar-nav').css({"margin":"0 0 0 15px"}); $(".sun").show();
$('.navbar-lower').addClass('navbarlower-colored'); } else{
$('.navbar-brand').removeClass('navbar-shrink'); $('.navbar-inverse').removeClass('navbar-colored'); $('.navbar-nav').css({"margin":"25px 0 0 25px"}); $(".sun").hide(); $('.navbar-lower').removeClass('navbarlower-colored');
}
}); function getCurrentScroll() {return window.pageYOffset;} });
$(window).load(function(){
$('.topr').prepend('<li><a id="volb" class="vc hello" href="#" data-toggle="tooltip" data-placement="left" title="Toogle music"><i class="glyphicon glyphicon-volume-off"></i></a></li>'); $('#volb').tooltip(); $( ".ct" ).animate({opacity: 1}, 5000, function() {$(".bird").show();birdSound.play();}); var birdSound = document.getElementById('birdsound'); var birdTxt=document.getElementById('birdc'); birdTxt.onmouseover=function(){ birdSound.play();
return false; };
function toggleSound() {
var audioElem = document.getElementById('africasound'); if (audioElem.paused) {
audioElem.play();
$('#africasound').volume=0.3; $('#volb').html('<i class="glyphicon glyphicon-volume-up"></i>')
} else {
audioElem.pause(); $('#volb').html('<i class="glyphicon glyphicon-volume-down"></i>');
}
$("#africasound").bind('ended', function(){
$('#volb').html('<i class="glyphicon glyphicon-volume-down"></i>')
});
}
$("#volb").click(function() {
toggleSound(); });
});
</script>