| | 1 | <script src="js/jquery-1.10.2.js"></script> |
| | 2 | <script src="js/bootstrap.js"></script> |
| | 3 | <script src="js/prism.js"></script> |
| | 4 | |
| | 5 | </body> |
| | 6 | |
| | 7 | <script> |
| | 8 | $(function(){ |
| | 9 | var shrinkHeader = 80; |
| | 10 | $(window).scroll(function() { |
| | 11 | var scroll = getCurrentScroll(); |
| | 12 | if ( scroll >= shrinkHeader ) { |
| | 13 | $('.navbar-brand').addClass('navbar-shrink'); |
| | 14 | $('.navbar-inverse').addClass('navbar-colored'); |
| | 15 | $('.navbar-nav').css({"margin":"0 0 0 15px"}); |
| | 16 | $(".sun").show(); |
| | 17 | $('.navbar-lower').addClass('navbarlower-colored'); |
| | 18 | |
| | 19 | } |
| | 20 | else{ |
| | 21 | $('.navbar-brand').removeClass('navbar-shrink'); |
| | 22 | $('.navbar-inverse').removeClass('navbar-colored'); |
| | 23 | $('.navbar-nav').css({"margin":"25px 0 0 25px"}); |
| | 24 | $(".sun").hide(); |
| | 25 | $('.navbar-lower').removeClass('navbarlower-colored'); |
| | 26 | |
| | 27 | } |
| | 28 | }); |
| | 29 | function getCurrentScroll() { |
| | 30 | return window.pageYOffset; |
| | 31 | } |
| | 32 | }); |
| | 33 | |
| | 34 | |
| | 35 | |
| | 36 | $('.navbar-lower').affix({ |
| | 37 | offset: {top: 60} |
| | 38 | }); |
| | 39 | |
| | 40 | $(document).ready(function() { |
| | 41 | $("div.bhoechie-tab-menu>div.list-group>a").click(function(e) { |
| | 42 | e.preventDefault(); |
| | 43 | $(this).siblings('a.active').removeClass("active"); |
| | 44 | $(this).addClass("active"); |
| | 45 | var index = $(this).index(); |
| | 46 | $("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active"); |
| | 47 | $("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active"); |
| | 48 | }); |
| | 49 | }); |
| | 50 | </script> |