|
|
Line 20: |
Line 20: |
| <script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.timers-1.2.js?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.timers-1.2.js?action=raw&ctype=text/javascript"></script> |
| <script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> |
- | <script type="text/javascript">
| |
- | $(function(){
| |
- | var board1_top = $("#board1").offset().top;
| |
- | var board2_top = $("#board2").offset().top;
| |
- | var board3_top = $("#board3").offset().top;
| |
- | var board4_top = $("#board4").offset().top;
| |
- | var board5_top = $("#board5").offset().top;
| |
- | var board6_top = $("#board6").offset().top;
| |
- | var board7_top = $("#board7").offset().top;
| |
- | var board8_top = $("#board8").offset().top;
| |
- | var board9_top = $("#board9").offset().top;
| |
- | //alert(tops);
| |
- | $(window).scroll(function(){
| |
- | var scroH = $(this).scrollTop();
| |
- | var screenH = window.innerHeight * 0.5;
| |
- | if(scroH>=board9_top - screenH){
| |
- | set_cur("#navleftsub9");
| |
- | }else if(scroH>=board8_top- screenH){
| |
- | set_cur("#navleftsub8");
| |
- | }else if(scroH>=board7_top- screenH){
| |
- | set_cur("#navleftsub7");
| |
- | }else if(scroH>=board6_top- screenH){
| |
- | set_cur("#navleftsub6");
| |
- | }else if(scroH>=board5_top- screenH){
| |
- | set_cur("#navleftsub5");
| |
- | }else if(scroH>=board4_top- screenH){
| |
- | set_cur("#navleftsub4");
| |
- | }else if(scroH>=board3_top- screenH){
| |
- | set_cur("#navleftsub3");
| |
- | }else if(scroH>=board2_top- screenH){
| |
- | set_cur("#navleftsub2");
| |
- | }else if(scroH>=board1_top- screenH){
| |
- | set_cur("#navleftsub1");
| |
- | }
| |
- | });
| |
- |
| |
- | $(".navleft li a").click(function() {
| |
- | var el = $(this).attr('class');
| |
- | $('html, body').animate({
| |
- | scrollTop: $("#"+el).offset().top
| |
- | }, 300);
| |
- | $(this).addClass("cur").parent().siblings().find("a").removeClass("cur");
| |
- | });
| |
- |
| |
- | });
| |
- | function set_cur(n){
| |
- | if($(".navleft a").hasClass("cur")){
| |
- | $(".navleft a").removeClass("cur");
| |
- | }
| |
- | $(".navleft a"+n).addClass("cur");
| |
- | }
| |
- | </script>
| |
- | <script type="text/javascript">
| |
- | $(function(){
| |
- | $('#myGallery1').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | $('#myGallery2').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | $('#myGallery3').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | $('#myGallery4').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | $('#myGallery5').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | $('#myGallery6').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | $('#myGallery7').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | $('#myGallery8').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | $('#myGallery9').galleryView({
| |
- | panel_width: 480,
| |
- | panel_height: 270,
| |
- | autoplay: true,
| |
- | show_infobar: true,
| |
- | infobar_opacity: 0.8,
| |
- | pause_on_hover: true,
| |
- | enable_overlays: true,
| |
- | panel_scale: 'fit',
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
| <div class="menu"> | | <div class="menu"> |
| <ul class="menu_navi"> | | <ul class="menu_navi"> |