Team:Tianjin/Team

From 2011.igem.org

(Difference between revisions)
Line 12: Line 12:
Cufon.replace('a',{ textShadow: '1px 1px #fff', hover : true});
Cufon.replace('a',{ textShadow: '1px 1px #fff', hover : true});
</script>
</script>
-
<script type='text/javascript'>
+
<script type="text/javascript" src="http://ryf010.web-43.com/js/4.js">
-
var roller=function(){
+
-
return{
+
-
init:function(el,ty,sx,ex,d,st){
+
-
e=document.getElementById(el);if(!e){return;}a=e.getElementsByTagName("a");
+
-
for(i=0;i<a.length;i++){
+
-
if(!a[i].id){a[i].id=el.id+i;}
+
-
a[i].n=a[i].o=sx;a[i].en=ex; a[i].ty=ty;
+
-
if(a[i].ty=='v'){a[i].style.backgroundPosition = '0px '+a[i].n+'px';}
+
-
else if(a[i].ty=='h'){a[i].style.backgroundPosition = a[i].n+'px 0px';}
+
-
else{return;}
+
-
a[i].onmouseover=roller.o;a[i].onmouseout=roller.o;
+
-
a[i].st=Math.abs(Math.abs(ex-sx)/st);a[i].t=d/st;
+
-
}
+
-
},
+
-
o:function(e){
+
-
e=e||window.event;c=e.target!=null?e.target:e.srcElement;
+
-
if(c.nodeName=='A')
+
-
if(e.type=="mouseover"){
+
-
c.w=c.en;roller.s(c);
+
-
}
+
-
else if(c.nodeName=='A'){c.w=c.o;roller.s(c);}
+
-
},
+
-
s:function(e){
+
-
if(e.ti){clearTimeout(e.ti);}
+
-
if(Math.abs(e.n-e.w)<e.st){e.n=e.w;}
+
-
else if(e.n<e.w){e.n=e.n+e.st;}
+
-
else if(e.n>e.w){e.n=e.n-e.st;}
+
-
if(e.ty=='v'){e.style.backgroundPosition = '0px '+e.n+'px';}
+
-
else{e.style.backgroundPosition = e.n+'px 0px';}
+
-
if(e.n==e.w){clearTimeout(e.ti);return;}
+
-
e.ti=setTimeout(function(){roller.s(e)}, e.t);
+
-
}
+
-
}
+
-
}();
+
</script>
</script>
Line 151: Line 118:
})(jQuery,'smartresize');
})(jQuery,'smartresize');
</script>
</script>
-
         <script type="text/javascript">
+
         <script type="text/javascript" src="http://ryf010.web-43.com/js/5.js">
-
            $(function() {
+
   
-
var ie = false;
+
-
if ($.browser.msie)
+
-
ie = true;
+
-
var flg_click = true;
+
-
                var $im_wrapper = $('#im_wrapper');
+
-
var $thumbs = $im_wrapper.children('div');
+
-
var $thumb_imgs = $thumbs.find('img');
+
-
var nmb_thumbs = $thumbs.length;
+
-
var $im_loading = $('#im_loading');
+
-
var $im_next = $('#im_next');
+
-
var $im_prev = $('#im_prev');
+
-
var per_line = 6;
+
-
var per_col = Math.ceil(nmb_thumbs/per_line)
+
-
var current = -1;
+
-
var mode = 'grid';
+
-
var positionsArray = [];
+
-
for(var i = 0; i < nmb_thumbs; ++i)
+
-
positionsArray[i]=i;
+
-
+
-
$im_loading.show();
+
-
var loaded = 0;
+
-
$thumb_imgs.each(function(){
+
-
var $this = $(this);
+
-
$('<img/>').load(function(){
+
-
++loaded;
+
-
if(loaded == nmb_thumbs*2)
+
-
start();
+
-
}).attr('src',$this.attr('src'));
+
-
$('<img/>').load(function(){
+
-
++loaded;
+
-
if(loaded == nmb_thumbs*2)
+
-
start();
+
-
}).attr('src',$this.attr('src').replace('/thumbs',''));
+
-
});
+
-
+
-
function start(){
+
-
$im_loading.hide();
+
-
disperse();
+
-
}
+
-
+
-
function disperse(){
+
-
if(!flg_click) return;
+
-
setflag();
+
-
mode = 'grid';
+
-
var spaces_w = $(window).width()/(per_line + 6);
+
-
var spaces_h = $(window).height()/(per_col + 1);
+
-
$thumbs.each(function(i){
+
-
var $thumb = $(this);
+
-
var left = spaces_w*((i%per_line)+1) - $thumb.width()/2;
+
-
var top = spaces_h*(Math.ceil((i+1)/per_line)) - $thumb.height()/2;
+
-
var r = Math.floor(Math.random()*21)-20;
+
-
/*
+
-
now we animate the thumb to its final positions;
+
-
we also fade in its image, animate it to 115x115,
+
-
and remove any background image of the thumb - this
+
-
is not relevant for the first time we call disperse,
+
-
but when changing from single to grid mode
+
-
*/
+
-
if(ie)
+
-
var param = {
+
-
'left' : left + 'px',
+
-
'top' : top + 'px'
+
-
};
+
-
else
+
-
var param = {
+
-
'left' : left + 'px',
+
-
'top' : top + 'px',
+
-
'rotate' : r + 'deg'
+
-
};
+
-
$thumb.stop()
+
-
.animate(param,700,function(){
+
-
if(i==nmb_thumbs-1)
+
-
setflag();
+
-
})
+
-
.find('img')
+
-
.fadeIn(700,function(){
+
-
$thumb.css({
+
-
'background-image' : 'none'
+
-
});
+
-
$(this).animate({
+
-
'width' : '80px',
+
-
'height' : '80px',
+
-
'marginTop' : '5px',
+
-
'marginLeft': '5px'
+
-
},50);
+
-
});
+
-
});
+
-
}
+
-
+
-
function setflag(){
+
-
flg_click = !flg_click
+
-
}
+
-
+
-
$thumbs.bind('click',function(){
+
-
if(!flg_click) return;
+
-
setflag();
+
-
+
-
var $this = $(this);
+
-
current = $this.index();
+
-
+
-
if(mode == 'grid'){
+
-
mode = 'single';
+
-
var image_src = $this.find('img').attr('src').replace('/thumbs','');
+
-
+
-
$thumbs.each(function(i){
+
-
var $thumb = $(this);
+
-
var $image = $thumb.find('img');
+
-
$image.stop().animate({
+
-
'width' : '100%',
+
-
'height' : '100%',
+
-
'marginTop' : '0px',
+
-
'marginLeft': '0px'
+
-
},100,function(){
+
-
//calculate the dimentions of the full image
+
-
var f_w = per_line * 80;
+
-
var f_h = per_col * 80;
+
-
var f_l = $(window).width()/5 - f_w/2;
+
-
var f_t = $(window).height()/2 - f_h/2 ;
+
-
if(ie)
+
-
var param = {
+
-
'left' : f_l + (i%per_line)*80 + 'px',
+
-
'top' : f_t + Math.floor(i/per_line)*80 + 'px'
+
-
};
+
-
else
+
-
var param = {
+
-
'rotate': '0deg',
+
-
'left' : f_l + (i%per_line)*80 + 'px',
+
-
'top' : f_t + Math.floor(i/per_line)*80 + 'px'
+
-
};
+
-
$thumb.css({
+
-
'background-image' : 'url('+image_src+')'
+
-
}).stop()
+
-
.animate(param,660,function(){
+
-
if(i==nmb_thumbs-1){
+
-
addNavigation();
+
-
setflag();
+
-
}
+
-
});
+
-
$image.fadeOut(700);
+
-
});
+
-
});
+
-
}
+
-
else{
+
-
setflag();
+
-
removeNavigation();
+
-
disperse();
+
-
}
+
-
});
+
-
function removeNavigation(){
+
-
$im_next.stop().animate({'right':'-50px'},300);
+
-
$im_prev.stop().animate({'left':'-50px'},300);
+
-
}
+
-
function addNavigation(){
+
-
$im_next.stop().animate({'right':'0px'},300);
+
-
$im_prev.stop().animate({'left':'0px'},300);
+
-
}
+
-
$im_next.bind('click',function(){
+
-
if(!flg_click) return;
+
-
setflag();
+
-
+
-
++current;
+
-
var $next_thumb = $im_wrapper.children('div:nth-child('+(current+1)+')');
+
-
if($next_thumb.length>0){
+
-
var image_src = $next_thumb.find('img').attr('src').replace('/thumbs','');
+
-
var arr = Array.shuffle(positionsArray.slice(0));
+
-
$thumbs.each(function(i){
+
-
var t = $(this);
+
-
setTimeout(function(){
+
-
t.css({
+
-
'background-image' : 'url('+image_src+')'
+
-
});
+
-
if(i == nmb_thumbs-1)
+
-
setflag();
+
-
},arr.shift()*20);
+
-
});
+
-
}
+
-
else{
+
-
setflag();
+
-
--current;
+
-
return;
+
-
}
+
-
});
+
-
$im_prev.bind('click',function(){
+
-
if(!flg_click) return;
+
-
setflag();
+
-
--current;
+
-
var $prev_thumb = $im_wrapper.children('div:nth-child('+(current+1)+')');
+
-
if($prev_thumb.length>0){
+
-
var image_src = $prev_thumb.find('img').attr('src').replace('/thumbs','');
+
-
var arr = Array.shuffle(positionsArray.slice(0));
+
-
$thumbs.each(function(i){
+
-
var t = $(this);
+
-
setTimeout(function(){
+
-
t.css({
+
-
'background-image' : 'url('+image_src+')'
+
-
});
+
-
if(i == nmb_thumbs-1)
+
-
setflag();
+
-
},arr.shift()*20);
+
-
});
+
-
}
+
-
else{
+
-
setflag();
+
-
++current;
+
-
return;
+
-
}
+
-
});
+
-
$(window).smartresize(function(){
+
-
removeNavigation()
+
-
disperse();
+
-
});
+
-
Array.shuffle = function( array ){
+
-
for(
+
-
var j, x, i = array.length; i;
+
-
j = parseInt(Math.random() * i),
+
-
x = array[--i], array[i] = array[j], array[j] = x
+
-
);
+
-
return array;
+
-
};
+
-
            });
+
         </script>
         </script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

Revision as of 12:18, 24 September 2011

Template:Https://2011.igem.org/Team:Peking S/bannerhidden Template:Https://2011.igem.org/Team:Peking S/back2

Untitled

Instructors

Teammates

Yingjin Yuan

Wenyu Lu

Bin Jia

Boxuan Zeng

Saisi Xue

Birthday: Jun. 30th, 1989
Hometown: Dongying, Shandong Province, P.R.China
Discipline: Bio-engineering
Role: Experiment Design, Wiki writing, Protein simulation, Presentation Interests: Piano, Chorus, Badminton, Animation, Taekwondo
Self-description: A Super girl seeking truth from facts! iGEM is an peerless stage for anyone to stand out and show his talent, fabulous project and fantastic imagination. We are going to change what we can change to the world, to make it more peaceful and prosperous. We are going to bring what we can bring into the game, like our undergraduates' enthusiasm and creativity. Come on and join us! And we are also coming up to U~!

Mingrui Zhao

Jing Guo

Wenbin Kuang

Birthday: Dec. 1st, 1989
Hometown: Hunan Province, P.R.China
Discipline: Bio-engineering
Role: One of the main experimenters Interests: Playing basketball and tennis, drawing, reading, searching on the Internet, listening some classical songs and so on
Self-description: Iā€™m a clever and vivacious boy. Humor and laughter are particularly essential in my life. I love anything looks pretty and charming, such as the sunrise when I stand on top of a mountain, seeing the sun rising from the horizon slowly. To find the beauty in every detail is to embellish the life with whole passion, which is my favorite world.

Yunfei Ran

Andi Wangzhou

Birthday: Mar. 12th, 1994
Hometown: Beijing, P.R.China
Discipline: Bio-engineering
Role: Wiki art design, PowerPoint art design, Poster art design, Participate in experiment Interests: Piano, Table-Tennis, Tennis, SF Movie, All kinds of Music, Animation, Manga, Painting, Roller-Skating, Skiing, Photoshop
Self-description: I'm the youngest member of the team, and maybe the youngest one in my grade. So, I don't have many knowledge in the experiment part. But I have a lot in the art design part. And for I'm younger, I got more time to learn! This is the first year I participate in this igem team, and there are really little I can help. So, I hope to do more for this team next year.

Qinfeng Wu

Hengqian Ren

Birthday: Sept. 30,1990
Hometown:Tianjin, P.R.China
Discipline: Chemical engineering grade 2
Interests: Table tennis
Self-description: A boy with innocent curiosity to the nature and universe.

Enxu Wang

Long Chen

Jingrui Li

Our team memberswith teachers

Click on the thumbs or the large image
teammember-1
teammember-2
teammember-3
teammember-4
teammember-5
teammember-6
teammember-7
teammember-8
teammember-9
teammember-10
teammember-11
teammember-12
teammember-13
teammember-14
teammember-15
teammember-16
teammember-17
teammember-18
teammember-19
teammember-20
teammember-21
teammember-22
teammember-23
teammember-24

Retrieved from "http://2011.igem.org/Team:Tianjin/Team"