Version 1 (modified by djay, 10 years ago) |
---|
<script src="js/jquery-1.10.2.js"></script> <script src="js/bootstrap.js"></script> </body> <script> $(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; }
});
$('.navbar-lower').affix({
offset: {top: 60}
});
$(window).load(function(){
$( ".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;
}; africa=document.getElementById("africasound"); africa.volume=0.3; $('.a-btn-2, .tx').hover(function(){
$('.cblock').toggleClass('furhover') })
}); </script>