"
Team:SEU A/Attributions
From 2012.igem.org
(Difference between revisions)
| Line 7: | Line 7: | ||
<meta name="keywords" content="jquery, css3, images, wall, thumbnails, slide, animate"/> | <meta name="keywords" content="jquery, css3, images, wall, thumbnails, slide, animate"/> | ||
<meta name="author" content="Codrops" /> | <meta name="author" content="Codrops" /> | ||
| - | |||
| - | |||
| - | |||
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' /> | <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' /> | ||
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css' /> | <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css' /> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | + | <title>iGEM 2012 SEU_A Human Practice</title> | |
| - | + | ||
| + | <link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" /> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/main.css?action=raw&ctype=text/css" type="text/css"> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/clear.css?action=raw&ctype=text/css" type="text/css"> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/footer.css?action=raw&ctype=text/css" type="text/css"> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css"> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/attribution.css?action=raw&ctype=text/css" type="text/css"> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowall.css?action=raw&ctype=text/css" type="text/css"> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowallreset.css?action=raw&ctype=text/css" type="text/css"> | ||
| - | + | <script src="js/jquery-1.7.1.min.js"></script> | |
| - | + | <script src="js/jquery.flexslider-min.js"></script> | |
| - | + | <script src="js/jquery-1.6.4.min.js" type="text/javascript"></script> | |
| - | + | <script src="js/top.js" type="text/javascript"></script> | |
| + | <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | |||
| + | //Blur Links (Prevents Outline) | ||
| + | $('a').click(function() { | ||
| + | this.blur(); | ||
| + | }); | ||
| + | |||
| + | //Hide all item descriptions in the info box | ||
| + | $("#infobox > div").css("display", "none"); | ||
| + | |||
| + | //Call in the info box | ||
| + | $(".more a").click(function(){ | ||
| + | $("#infobox").animate({bottom: '233px' }, 300); | ||
| + | $("#fade_bg").fadeIn(); | ||
| + | return false; | ||
| + | }); | ||
| + | |||
| + | //Expand more info button on hover | ||
| + | $(".more").hover(function(){ | ||
| + | $(this).stop().animate({width: '225px' }, 200).css({'z-index' : '10'}); //Change the width increase caption size | ||
| + | }, function () { | ||
| + | $(this).stop().animate({width: '50px' }, 200).css({'z-index' : '1'}); | ||
| + | }); | ||
| + | |||
| + | //Show description for selected item | ||
| + | $("#couch a").click(function(){ | ||
| + | $("#couch_info").show(); | ||
| + | }); | ||
| + | |||
| + | $("#plant a").click(function(){ | ||
| + | $("#plant_info").show(); | ||
| + | }); | ||
| + | |||
| + | $("#monitor a").click(function(){ | ||
| + | $("#monitor_info").show(); | ||
| + | }); | ||
| + | |||
| + | $("#board a").click(function(){ | ||
| + | $("#board_info").show(); | ||
| + | }); | ||
| + | |||
| + | //Remove background, info box and hide all descriptions | ||
| + | $("#fade_bg, .close").click(function(){ | ||
| + | $("#fade_bg").fadeOut(); | ||
| + | $("#infobox").animate({bottom: '-200px' }, 300, function() { | ||
| + | $("#infobox > div").css("display", "none"); | ||
| + | }); | ||
| + | return false; | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
h1{ font:bold 18px Helvetica, Arial, sans-sarif; color:#FFF; margin:10px 0 0 0; text-align:center; } | h1{ font:bold 18px Helvetica, Arial, sans-sarif; color:#FFF; margin:10px 0 0 0; text-align:center; } | ||
| Line 68: | Line 118: | ||
<body> | <body> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<div class="navcontainer"> | <div class="navcontainer"> | ||
<ul class="navlist"> | <ul class="navlist"> | ||
| Line 85: | Line 130: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| - | |||
<div class="container"> | <div class="container"> | ||
<header> | <header> | ||
| Line 94: | Line 138: | ||
</header> | </header> | ||
</div> | </div> | ||
| - | |||
| - | |||
<div class="content"> | <div class="content"> | ||
| Line 110: | Line 152: | ||
<a href="/User:Poetdevin" title="Your user page [.]" accesskey="." class="new">Poetdevin</a> | <a href="/User:Poetdevin" title="Your user page [.]" accesskey="." class="new">Poetdevin</a> | ||
<a href="/wiki/index.php?title=Team:SEU_A/Attributions&action=edit">Edit</a> | <a href="/wiki/index.php?title=Team:SEU_A/Attributions&action=edit">Edit</a> | ||
| + | <a href="#">Top</a> | ||
</div> | </div> | ||
| Line 154: | Line 197: | ||
<div id="fade_bg"> </div> | <div id="fade_bg"> </div> | ||
</div> | </div> | ||
| - | |||
| - | |||
| - | |||
</br></br></br> | </br></br></br> | ||
<p align="center"><a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a></p> | <p align="center"><a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a></p> | ||
Revision as of 08:23, 24 September 2012
Attributions
Next comes what we have done for this project.
Experiment
Modeling
Human Practice
Wiki Construction
Biomedical Engineer School, SEU | iGEM 2012
Copyright © Southeast University iGEM 2012 Team A, All rights reserved.
