Difference between revisions of "Team:TJU"
(Template:TJU2) |
Ggjyliuyue (Talk | contribs) |
||
(26 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
<!-- Declare that you are going to use html code instead of wiki code --> | <!-- Declare that you are going to use html code instead of wiki code --> | ||
+ | {{:Team:TJU/header}} | ||
<html> | <html> | ||
− | |||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | *{margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;} | |
− | + | #contain{width:1100px;margin-left:auto;margin-right:auto;text-align: justify;font-size:16px;font-family:Arial;} | |
− | + | #foot{ | |
− | margin-right: | + | height: 80px; |
− | margin- | + | background-color: #333; |
− | } | + | float: left; |
+ | margin-left:auto;margin-right:auto; | ||
+ | width:1100px; | ||
+ | font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; | ||
+ | font-size:15px;line-height: 25px; | ||
+ | color: rgba(255,255,255,1); | ||
+ | text-align: center;} | ||
+ | #project{width:40%; height:100px;margin-left:10%;background-color:rgba(0,204,153,1);float:left} | ||
+ | #modeling{width:40%; height:100px;background-color:rgba(204,153,51,1);float:left} | ||
+ | </style> | ||
+ | <!-- End of CSS --> | ||
+ | <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script> | ||
+ | <!-- Head Scripts --> | ||
+ | <script src="/wiki/skins/common/ajax.js?270"></script> | ||
+ | <script src="/wiki/skins/common/mwsuggest.js?270"></script> | ||
+ | <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&gen=js&useskin=igem"><!-- site js --></script> | ||
+ | <!-- jQuery Javascript --> | ||
+ | <script type='text/javascript' src ='/common/jquery-latest.min.js'></script> | ||
+ | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' /> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' /> | ||
+ | <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' /> | ||
+ | <script type='text/javascript' src ='/forum/forum_scripts.js'></script> | ||
+ | </head> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!--picture banner--> | |
− | + | <style type="text/css"> | |
− | + | ||
+ | #banner { padding: 0px; width: 1100; float:left;margin-top:0px;margin-left:-25px} | ||
+ | .slides { margin-left:auto;margin-right:auto; width: 100%; overflow: hidden; position: relative; } | ||
+ | .slide-pic { margin-left:auto;margin-right:auto;padding:0px; width: 100%; overflow: hidden; list-style: none; } | ||
+ | .slide-pic img { width: 100%; } | ||
+ | .slide-pic li { display: none; } | ||
+ | .slide-pic li.cur { display: block; } | ||
+ | .slide-li {padding: 0px; right: 50px; bottom: 0px; position: absolute;float:left;} | ||
+ | .slide-li li { margin: 0px; padding: 0px; width: 30px; height:20px ;float:left;overflow: hidden;} | ||
+ | .slide-li a { width: 30px; height: 20px; color: #000; font-size: 20px; display: block; text-align:center;text-decoration:none;margin-bottom:5px;} | ||
+ | .slide-li a:hover { color: #ccc; text-decoration: none; } | ||
+ | .slide-txt span { display: none; } | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(function ($) { | ||
+ | if ($(".slide-pic").length > 0) { | ||
+ | var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 }; | ||
+ | var _titles = $("ul.slide-txt 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> | ||
+ | <style type="text/css"> | ||
+ | .icon{float:left;} | ||
+ | .icon img{width:190px;height:190px;} | ||
+ | </style> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- Start of the template html elements. --> | <!-- Start of the template html elements. --> | ||
− | <div id =" | + | <div id="contain"> |
− | + | <!-- START --> | |
− | + | <div id="banner"> | |
− | + | <div class="slides"> | |
− | + | <ul class="slide-pic"> | |
− | + | <li class="cur"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/2/2c/Home%E4%BF%AE%E6%94%B9%E7%89%883333.jpg" width="1100" alt="" /></li> | |
− | + | <li> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/6/6f/Home%E4%BF%AE%E6%94%B9%E7%89%884444.jpg" width="1100" alt=""/></li> | |
− | + | <li> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/c/c9/Home%E4%BF%AE%E6%94%B9%E7%89%887777.jpg" width="1100px" alt="" /></li> | |
− | + | <li> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/e/ef/Home-last.jpg" alt="" width="1100" /></li> | |
− | + | <li> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/3/30/Home55555.jpg" alt="" width="1100" /></li> | |
− | + | ||
− | + | </ul> | |
− | + | <ul class="slide-li op"> | |
− | + | <li class="cur"></li> | |
− | + | <li></li> | |
− | + | <li></li> | |
− | + | <li></li> | |
− | + | <li></li> | |
− | + | </ul> | |
+ | <ul class="slide-li slide-txt"> | ||
+ | <li><a href="#">●</a></li> | ||
+ | <li><a href="#">●</a></li> | ||
+ | <li><a href="#">●</a></li> | ||
+ | <li><a href="#">●</a></li> | ||
+ | <li><a href="#">●</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <!-- END OF THE BANNER --> | ||
+ | |||
<div id="body"> | <div id="body"> | ||
− | + | </br> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/5/52/TJUabstract1.png" width="1100"/></br> | |
− | + | ||
− | + | <div id="body"> | |
− | + | <a href="https://2015.igem.org/Team:TJU"><img src="https://static.igem.org/mediawiki/2015/8/83/Home1.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/0/01/Home2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/8/83/Home1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Description"><img src="https://static.igem.org/mediawiki/2015/6/6d/Project1.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/d/d1/Project2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/6d/Project1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Modeling"><img src="https://static.igem.org/mediawiki/2015/5/5d/Modeling11111.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/f/fe/Modeling222.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/5/5d/Modeling11111.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Judging"><img src="https://static.igem.org/mediawiki/2015/6/63/Achievement111.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/9/90/Achievement2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/63/Achievement111.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Data"><img src="https://static.igem.org/mediawiki/2015/d/d1/Notebook1.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/d/d2/Notebook2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/d/d1/Notebook1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Safety"><img src="https://static.igem.org/mediawiki/2015/4/42/Safety1.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/a/a6/Safety2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/4/42/Safety1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Collaborations"><img src="https://static.igem.org/mediawiki/2015/6/66/Outreach1.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/9/92/Outreach2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/66/Outreach1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Team"><img src="https://static.igem.org/mediawiki/2015/a/a6/Team1.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/8/8b/Team2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/a/a6/Team1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Attribution"><img src="https://static.igem.org/mediawiki/2015/e/ef/Attribution1.jpg" name="picture" width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/0/00/Attribution2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/e/ef/Attribution1.jpg'"></a> | |
− | + | ||
− | + | ||
− | + | </div> | |
− | <div id="foot"></div> | + | <div id="foot"> |
− | </div> | + | <p>E-mail: ggjyliuyue@gmail.com |Address: Building No.20, No.92 Weijin road, Tianjin University, China | Zip-cod: 300072</br> |
+ | </p> | ||
+ | <p>Copyright 2015@TJU iGEM Team</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</html> | </html> |
Latest revision as of 14:24, 16 November 2015