Difference between revisions of "Team:Glasgow/Education"
(Created page with "{{GlasgowNavbar}} <html> <head> <style> .firstHeading { display:none; } #content { width:auto; height:auto;...") |
Adele.cook (Talk | contribs) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | <script type="text/javascript" > | ||
| + | function menuFixed(id){ | ||
| + | var obj = document.getElementById(id); | ||
| + | var _getHeight = obj.offsetTop; | ||
| + | |||
| + | window.onscroll = function(){ | ||
| + | changePos(id,_getHeight); | ||
| + | } | ||
| + | } | ||
| + | function changePos(id,height){ | ||
| + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); | ||
| + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; | ||
| + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); | ||
| + | var w = window.innerWidth; | ||
| + | if(w>=1024){ | ||
| + | if($(window).scrollTop() + $(window).height() > $(document).height() - 500){ | ||
| + | $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");} | ||
| + | } | ||
| + | if(scrollTop < height){ obj.style.position = 'relative'; | ||
| + | }else{ | ||
| + | obj.style.position = 'fixed'; | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | window.onload = function(){ | ||
| + | menuFixed('sidebar'); | ||
| + | } | ||
| + | </script> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | // 收缩展开效果 | ||
| + | $(document).ready(function(){ | ||
| + | // $(".box h5").toggle(function(){ | ||
| + | // $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); | ||
| + | // },function(){ | ||
| + | //$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); | ||
| + | //}); | ||
| + | $("div.text").hide();//默认隐藏div，或者在样式表中添加.text{display:none}，推荐使用后者 | ||
| + | $(".box h5").click(function(){ | ||
| + | $(this).next(".text").slideToggle("slow"); | ||
| + | }) | ||
| + | }); | ||
| + | </script> | ||
<style> | <style> | ||
.firstHeading { | .firstHeading { | ||
| Line 261: | Line 306: | ||
<body> | <body> | ||
| − | + | <div class="banner scrollTop"> | |
| + | <img src="https://static.igem.org/mediawiki/2015/5/5d/2015-Glasgow-topbeijing1.jpg" style="width:48vw;float:left; height:55vh;"> | ||
| + | <img src="https://static.igem.org/mediawiki/2015/a/a9/2015-Glasgow-topbeijing4.jpg" style="width:48vw;float:right;height:55vh;"> | ||
| + | </div> | ||
| + | <!--<div class='leftContainer'>--> | ||
| + | <p class="links scrollOverview"><a style="color:blue;" href="https://2015.igem.org/Team:Glasgow"> Home</a> > <a style="color:blue;" href="https://2015.igem.org/Team:Glasgow/Project/Overview"> Project</a> > <a style="color:blue;" href="https://2015.igem.org/Team:Glasgow/Project/Overview/UVA">UVA</a></p> | ||
| + | <div id="sidebar"class="widget widget-categories"> | ||
| + | <table> | ||
| + | <tr><td class="overview">Summary</td></tr> | ||
| + | <tr><td class="sensor">Overview</td></tr> | ||
| + | <tr><td class="survivability">Sensor</td></tr> | ||
| + | <tr><td class="results">Survivability</td></tr> | ||
| + | <tr><td class="conclusion">Conclusion</td></tr> | ||
| + | <tr><td class="top">Top</td></tr> | ||
| + | </table> | ||
| + | </div> | ||
| + | <!-- </div> --> | ||
| + | |||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | ||
Latest revision as of 19:04, 16 September 2015
