Team:Shenzhen BGIC ATCG/team
From 2013.igem.org
(Difference between revisions)
Line 14: | Line 14: | ||
<html> | <html> | ||
<div id="bodymain" class="team"> | <div id="bodymain" class="team"> | ||
+ | <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="navleftholder"> | <div class="navleftholder"> | ||
<ul class="navleft"> | <ul class="navleft"> |
Revision as of 20:25, 16 September 2013
Playing with my eyes
aren't you?
Hi I am Dr. Mage!
A "budding" yeast cell!