Team:ZJU-China/humanpractice.htm

From 2012.igem.org

(Difference between revisions)
Line 253: Line 253:
background: #6f4f67;
background: #6f4f67;
cursor: pointer
cursor: pointer
 +
 +
#banner1 {
 +
position: relative;
 +
left: 10%;
 +
width: 561px;
 +
height: 485px;
 +
border: 1px solid #666;
 +
overflow: hidden;
 +
}
 +
 +
#banner_list1 img {
 +
border: 0px;
 +
}
 +
 +
#banner_info1 {
 +
position: absolute;
 +
bottom: 20px;
 +
left: 5px;
 +
height: 44px;
 +
color: #fff;
 +
z-index: 1001;
 +
cursor: pointer
 +
}
 +
 +
#banner1 ul {
 +
position: absolute;
 +
list-style-type: none;
 +
filter: Alpha(Opacity = 80);
 +
opacity: 0.8;
 +
border: 1px solid #fff;
 +
z-index: 1002;
 +
margin: 0;
 +
padding: 0;
 +
bottom: 3px;
 +
right: 5px;
 +
}
 +
 +
#banner1 ul li {
 +
padding: 0px 8px;
 +
float: left;
 +
display: block;
 +
color: #FFF;
 +
border: #e5eaff 1px solid;
 +
background: #6f4f67;
 +
cursor: pointer
 +
}
 +
 +
#banner1 ul li.on {
 +
background: #900
 +
}
 +
 +
#banner_list1 a {
 +
position: absolute;
 +
}
 +
 +
#banner2 {
 +
position: relative;
 +
left: 10%;
 +
width: 561px;
 +
height: 485px;
 +
border: 1px solid #666;
 +
overflow: hidden;
 +
}
 +
 +
#banner_list2 img {
 +
border: 0px;
 +
}
 +
 +
#banner_info2 {
 +
position: absolute;
 +
bottom: 20px;
 +
left: 5px;
 +
height: 44px;
 +
color: #fff;
 +
z-index: 1001;
 +
cursor: pointer
 +
}
 +
 +
#banner2 ul {
 +
position: absolute;
 +
list-style-type: none;
 +
filter: Alpha(Opacity = 80);
 +
opacity: 0.8;
 +
border: 1px solid #fff;
 +
z-index: 1002;
 +
margin: 0;
 +
padding: 0;
 +
bottom: 3px;
 +
right: 5px;
 +
}
 +
 +
#banner2 ul li {
 +
padding: 0px 8px;
 +
float: left;
 +
display: block;
 +
color: #FFF;
 +
border: #e5eaff 1px solid;
 +
background: #6f4f67;
 +
cursor: pointer
 +
}
 +
 +
#banner2 ul li.on {
 +
background: #900
 +
}
 +
 +
#banner_list2 a {
 +
position: absolute;
 +
}
 +
}
}
Line 480: Line 589:
<h2>Peking team visiting our team</h2>
<h2>Peking team visiting our team</h2>
<p align="justify">Seven team members of Peking team, Hongyu Xiong, Wenyuan Zhou, Sibai Sun, Hong Zhang, Wenming Xing, Tian Lu and Zidong Zhang visited us on July 27th. Before they came, we thought to work together on a project of Human Practice, addressing lectures related to iGEM and synthetic biology to high school students in Zhejiang Science and Technology Museum. This was a good project and also a rare chance, after all, Hangzhou was nearly 1600 kilometers away from Beijing. Peking team provided event planning and contacted with the person in charge of museum, our team designed and printed the post and tried to contacted with teachers of several high schools in Hangzhou. But due to summer holidays, it was difficult to call together highschool students. At last, we had to give up this project. It was really a pity. Anyway, our team communicated with Peking team happily. We exchanged the project and recent progress with each other, and had a wonderful dinner together! Though we can't collaborate on Human Practice this year, this visit no doubt strengthened the friendship between Peking team and ZJU team!</p>
<p align="justify">Seven team members of Peking team, Hongyu Xiong, Wenyuan Zhou, Sibai Sun, Hong Zhang, Wenming Xing, Tian Lu and Zidong Zhang visited us on July 27th. Before they came, we thought to work together on a project of Human Practice, addressing lectures related to iGEM and synthetic biology to high school students in Zhejiang Science and Technology Museum. This was a good project and also a rare chance, after all, Hangzhou was nearly 1600 kilometers away from Beijing. Peking team provided event planning and contacted with the person in charge of museum, our team designed and printed the post and tried to contacted with teachers of several high schools in Hangzhou. But due to summer holidays, it was difficult to call together highschool students. At last, we had to give up this project. It was really a pity. Anyway, our team communicated with Peking team happily. We exchanged the project and recent progress with each other, and had a wonderful dinner together! Though we can't collaborate on Human Practice this year, this visit no doubt strengthened the friendship between Peking team and ZJU team!</p>
 +
<script type="text/javascript">
 +
var t = n = 0, count;
 +
$(document).ready(function(){
 +
count=$("#banner_list1 a").length;
 +
$("#banner_list1 a:not(:first-child)").hide();
 +
$("#banner_info1").html($("#banner_list1 a:first-child").find("img").attr('alt'));
 +
$("#banner_info1").click(function(){window.open($("#banner_list1 a:first-child").attr('href'), "_blank")});
 +
$("#banner1 li").click(function() {
 +
var i = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4
 +
n = i;
 +
if (i >= count) return;
 +
$("#banner_info1").html($("#banner_list1 a").eq(i).find("img").attr('alt'));
 +
$("#banner_info1").unbind().click(function(){window.open($("#banner_list1 a").eq(i).attr('href'), "_blank")})
 +
$("#banner_list1 a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
 +
document.getElementById("banner1").style.background="";
 +
$(this).toggleClass("on");
 +
$(this).siblings().removeAttr("class");
 +
});
 +
 +
})
 +
 +
 +
</script>
 +
<div id="banner1">
 +
<div id="banner_bg"></div>
 +
<div id="banner_info1"></div>
 +
<ul>
 +
<li class="on">1</li>
 +
<li>2</li>
 +
<li>3</li>
 +
<li>4</li>
 +
<li>5</li>
-
<div><img src="https://static.igem.org/mediawiki/2012/a/a1/ZJU_HP_dinner_with_Peking.JPG" width="500px"></div>
+
</ul>
-
<div><img src="https://static.igem.org/mediawiki/2012/9/97/ZJU_HP_present_from_Peking.JPG" width="500px"></div>
+
<div id="banner_list1"><a href="#" target="_blank"><img
-
<div><img src="https://static.igem.org/mediawiki/2012/a/a4/ZJU_HP_Peking_project.JPG" width="500px"></div>
+
src="https://static.igem.org/mediawiki/2012/a/a1/ZJU_HP_dinner_with_Peking.JPG" width="500px"
-
<div><img src="https://static.igem.org/mediawiki/2012/c/c3/ZJU_HP_zju_project.JPG" width="500px"></div>
+
title="" alt="" /></a>
-
<div><img src="https://static.igem.org/mediawiki/2012/4/4e/ZJU_HP_ZJU_and_Peking.JPG" width="500px"></div>
+
<a href="#" target="_blank"<img src="https://static.igem.org/mediawiki/2012/9/97/ZJU_HP_present_from_Peking.JPG" width="500px" /></a>
 +
<a href="#" target="_blank"<img src="https://static.igem.org/mediawiki/2012/4/4e/ZJU_HP_ZJU_and_Peking.JPG" width="500px" /></a>
 +
<a href="#" target="_blank"<img src="https://static.igem.org/mediawiki/2012/a/a4/ZJU_HP_Peking_project.JPG" width="500px" /></a>
 +
<a href="#" target="_blank"<img src="https://static.igem.org/mediawiki/2012/c/c3/ZJU_HP_zju_project.JPG" width="500px" /></a>
 +
 
 +
</div>
 +
</div>
<div><img src="https://static.igem.org/mediawiki/2012/d/d2/ZJU_HP_小科技馆海报.jpg" width="500px"></div>
<div><img src="https://static.igem.org/mediawiki/2012/d/d2/ZJU_HP_小科技馆海报.jpg" width="500px"></div>

Revision as of 15:25, 26 September 2012

HUMAN PRACTICE

01 AT A GLANCE

02 EXPERIENCE A REAL IGEM

03 EXPLORE A NEW IGEM

04 COLLARATIONS

05 FUTURE WORK





Retrieved from "http://2012.igem.org/Team:ZJU-China/humanpractice.htm"