Template:Team:SCUT-China/Home/Mainhead
From 2014.igem.org
(Difference between revisions)
Yanzw scut (Talk | contribs) |
|||
(53 intermediate revisions not shown) | |||
Line 24: | Line 24: | ||
background-color:transparent; | background-color:transparent; | ||
border:none; | border:none; | ||
- | width: | + | width:1366px; |
height:auto; | height:auto; | ||
marign:0 auto; | marign:0 auto; | ||
Line 129: | Line 129: | ||
- | #header{position:absolute;top: | + | #header{position:absolute;top:52px;left:0px;width:100%;height:auto;z-index:1000;text-align:center;opacity:0.8;} |
- | + | ||
- | #top2{position:absolute;top:0px;left:0px;width:100%;height:48px;z-index:1000;border-top: | + | #top2{position:absolute;top:0px;left:0px;width:100%;height:48px;z-index:1000;border-top:6px solid #61d5c8} |
- | .menubar{position:absolute;top:0px;width:100% | + | .menubar{position:absolute;top:0px;width:100%;height:48px;font-size:20px;font-family:Calibri;text-align:center;z-index:1000;color:#000000;} |
.menubar a{text-decoration:none;opacity:1;color:black;} | .menubar a{text-decoration:none;opacity:1;color:black;} | ||
- | .menubar ul{list-style:none;margin | + | .menubar ul{list-style:none;width:1050px;margin:0 auto;} |
.menubar ul > li{float:left;width:150px;cursor:pointer;line-height:48px;height:48px;} | .menubar ul > li{float:left;width:150px;cursor:pointer;line-height:48px;height:48px;} | ||
.menubar ul > li > ul{margin-left:0px;display:none;height:200px;width:120px;} | .menubar ul > li > ul{margin-left:0px;display:none;height:200px;width:120px;} | ||
.menubar ul > li:hover > ul{display:block;} | .menubar ul > li:hover > ul{display:block;} | ||
- | .menubar ul > li > ul > li{margin-left:0px;width: | + | .menubar ul > li > ul > li{margin-left:0px;width:180px;line-height:40px;background-color:white;color:black;} |
.menubar ul > li > ul > li:hover{opacity:0.8;} | .menubar ul > li > ul > li:hover{opacity:0.8;} | ||
- | .slides{position:absolute;top: | + | .slides{position:absolute;top:52px;left:0px;width:100%;height:auto;overflow:hidden;background-color:transparent;z-index:500;} |
- | .slide-pic{margin | + | .slide-pic{margin:0 auto;width:100%;height:auto;overflow:hidden;padding:0;} |
- | .slide-pic img{width:100%;height:auto;margin | + | .slide-pic img{width:100%;height:auto;margin:0 auto;} |
.slide-pic li{display:none;} | .slide-pic li{display:none;} | ||
.slide-pic li.cur{display:block;} | .slide-pic li.cur{display:block;} | ||
Line 153: | Line 153: | ||
- | #subject{position:absolute;top: | + | #subject{position:absolute;top:600px;left:0px;width:100%;height:220px;overflow:hidden;} |
.sub{width:333px;height:220px;float:left;margin-left:3px;} | .sub{width:333px;height:220px;float:left;margin-left:3px;} | ||
.sub img{position:absolute;width:333px;height:auto;z-index:500;} | .sub img{position:absolute;width:333px;height:auto;z-index:500;} | ||
Line 162: | Line 162: | ||
.co1{} | .co1{} | ||
- | #footer{position:absolute;width:100%;height:100px;left:0px;top: | + | #footer{position:absolute;width:100%;height:100px;left:0px;top:740px;} |
#footer img{width:100%;height:auto;} | #footer img{width:100%;height:auto;} | ||
</style> | </style> | ||
Line 168: | Line 168: | ||
<body> | <body> | ||
<div id="header"> | <div id="header"> | ||
- | <img src="https://static.igem.org/mediawiki/2014/ | + | <img src="https://static.igem.org/mediawiki/2014/6/6e/Scut-china_2014_banner.png" style=“width:100%;height:120px;" /> |
</div> | </div> | ||
<div id="top2"> | <div id="top2"> | ||
Line 174: | Line 174: | ||
<div class="menubar"> | <div class="menubar"> | ||
<ul> | <ul> | ||
- | <li | + | <li>Home</li> |
<li>Team | <li>Team | ||
<ul style="height:120px;"> | <ul style="height:120px;"> | ||
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Members">Members</a></li> | <li><a href="https://2014.igem.org/Team:SCUT-China/Team/Members">Members</a></li> | ||
- | <li>Notebook</li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Team/Attributions">Attributions</a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Team/Sponsors">Sponsors</a></li> |
+ | <li><a href="https://2014.igem.org/Team:SCUT-China/Team/Collaborators">Collaborators</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:SCUT-China/Team/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:SCUT-China/Team/Protocol">Protocol</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li>Project | <li>Project | ||
<ul > | <ul > | ||
- | <li>Overview</li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Project/Background">Background</a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Project/Overview">Overview</a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Project/Synthetic_TKL">Polyketide Synthesis</a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Project/Chassis">Chassis</a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Project/PPS">PPS</a></li> |
+ | <li><a href="https://2014.igem.org/Team:SCUT-China/Project/Docking Domain">Docking Domain</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:SCUT-China/Project/Have A Try">Have A Try</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li> | + | <li>Modeling |
<ul style="height:80px;"> | <ul style="height:80px;"> | ||
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Overview">Overview</a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Overview/Simulation">Simulation</a></li> |
+ | <li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Results">Results</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li>Data Page | <li>Data Page | ||
<ul style="height:80px;"> | <ul style="height:80px;"> | ||
- | <li> | + | <li>Parts</li> |
- | <li> | + | <li>Judging Criteria </li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li> | + | <li class="dianji">Policy&Practices |
<ul> | <ul> | ||
- | <li > | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Overview">Overview</a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Campus_Activity">Campus Activity</a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Public_Outreach">Public Outreach</a></li> |
- | <li >Team | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Social_Media">Social Media</a></li> |
+ | <li style="font-size:18px;"><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Life_Science_Community">Life Science Community</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Evaluation">Evaluation</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li>Safety</li> | + | <li><a href="https://2014.igem.org/Team:SCUT-China/Satety">Safety</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <a href="https://igem.org/Main_Page"><img style="width:95px;position:absolute;right:20px;top:80px;z-index:1001;" src="https://static.igem.org/mediawiki/2014/d/de/Scut-china_2014_igemlogo.png"/> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function ($) { | ||
+ | if ($(".slide-pic").length > 0) { | ||
+ | var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 }; | ||
+ | var _titles = $("ul.slide-li li"); | ||
+ | var _titles_bg = $("ul.op li"); | ||
+ | var _bodies = $("ul.slide-pic li"); | ||
+ | var _count = _titles.length; | ||
+ | var _current = 0; | ||
+ | var _intervalID = null; | ||
+ | var stop = function () { window.clearInterval(_intervalID); }; | ||
+ | var slide = function (opts) { | ||
+ | if (opts) { | ||
+ | _current = opts.current || 0; | ||
+ | } else { | ||
+ | _current = (_current >= (_count - 1)) ? 0 : (++_current); | ||
+ | }; | ||
+ | _bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function () { | ||
+ | _bodies.eq(_current).fadeIn(defaultOpts.fadeInTime); | ||
+ | _bodies.removeClass("cur").eq(_current).addClass("cur"); | ||
+ | }); | ||
+ | _titles.removeClass("cur").eq(_current).addClass("cur"); | ||
+ | _titles_bg.removeClass("cur").eq(_current).addClass("cur"); | ||
+ | }; | ||
+ | var go = function () { | ||
+ | stop(); | ||
+ | _intervalID = window.setInterval(function () { slide(); }, defaultOpts.interval); | ||
+ | }; | ||
+ | var itemMouseOver = function (target, items) { | ||
+ | stop(); | ||
+ | var i = $.inArray(target, items); | ||
+ | slide({ current: i }); | ||
+ | }; | ||
+ | _titles.hover(function () { if ($(this).attr('class') != 'cur') { itemMouseOver(this, _titles); } else { stop(); } }, go); | ||
+ | _bodies.hover(stop, go); | ||
+ | go(); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(".cover").mouseover(function(){ | ||
+ | $(this).stop().animate({"marginTop":"0px"},300); | ||
+ | }); | ||
+ | $(".cover").mouseout(function(){ | ||
+ | $(this).stop().animate({"marginTop":"166px"},300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
Latest revision as of 03:44, 18 October 2014