Team:Shenzhen BGIC ATCG/modeling
From 2013.igem.org
(Difference between revisions)
Line 22: | Line 22: | ||
<li><a id="navleftsub5" class="navleftsub" href="#board5">Degradation Rate</a></li> | <li><a id="navleftsub5" class="navleftsub" href="#board5">Degradation Rate</a></li> | ||
</ul></div> | </ul></div> | ||
- | + | <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; | ||
+ | //alert(tops); | ||
+ | $(window).scroll(function(){ | ||
+ | var scroH = $(this).scrollTop(); | ||
+ | var screenH = window.innerHeight * 0.5; | ||
+ | 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', | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<div id="board1" class="board"></div> | <div id="board1" class="board"></div> | ||
<div class="media"> | <div class="media"> | ||
Line 69: | Line 162: | ||
<div id="box5" class="box"> | <div id="box5" class="box"> | ||
<h3>Degradation Rate</h3> | <h3>Degradation Rate</h3> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> |
Revision as of 20:24, 16 September 2013
Playing with my eyes
aren't you?
Hi I am Dr. Mage!
A "budding" yeast cell!