Difference between revisions of "Team:SCAU-China/Time shaft"

Line 158: Line 158:
 
    
 
    
 
</div>                         
 
</div>                         
 +
 +
<div class="demo">
 +
<h2>jquery鼠标滑过显示放大图片 自适应浏览器显示</h2>
 +
<a target="_blank" href="http://www.xwcms.net/" path="https://static.igem.org/mediawiki/2016/9/9e/T--SCAU-China--home_igem.png" class="preview"><img width="150" height="150" alt="jquery图片放大插件鼠标滑过图片放大效果" src="https://static.igem.org/mediawiki/2016/9/9e/T--SCAU-China--home_igem.png" /></a>
 +
</div>
 
                          
 
                          
 
</body>
 
</body>
 +
 +
  
 
<script>
 
<script>
Line 183: Line 190:
 
aP[i].style.textIndent="2em";
 
aP[i].style.textIndent="2em";
 
}
 
}
 +
 +
if($('a.preview').length){
 +
var img = preloadIm();
 +
imagePreview(img);
 +
}
 +
 +
 +
this.preloadIm=function(){
 +
var b=new Array;
 +
$("a.preview").each(function(){
 +
$(this).attr("path");
 +
});
 +
return b
 +
};
 +
this.imagePreview=function(d,c){
 +
offX=25;
 +
offY=25;
 +
c=c==undefined?"a.preview":c;
 +
$(c).hover(function(e){
 +
$("body").append("<div id='preview' class='previewShowWindow'><img id='pi' src='images/loadingAnimation.gif' alt='Now Loading' /></div>");
 +
var m=$(this).attr("path");
 +
$("#pi").attr("src",m);
 +
var o=$("#preview").width();
 +
var p=$("#preview").height();
 +
var a=$(window).width()+$(window).scrollLeft();
 +
var l=$(window).height()+$(window).scrollTop();
 +
var n;
 +
var b;
 +
if((e.pageX+offX+o)>a){
 +
n=e.pageX-(o+offX)+"px"
 +
}else{
 +
n=e.pageX+offX+"px"
 +
}if((e.pageY+offY+p)>l){
 +
b=l-(p+offY)+"px"
 +
}else{
 +
b=e.pageY+offY+"px"
 +
}
 +
$("#preview").css("top",b).css("left",n).fadeIn("fast")
 +
},function(){
 +
$("#preview").remove()
 +
});
 +
 +
$(c).mousemove(function(e){
 +
var m=$("#preview").width();
 +
var n=$("#preview").height();
 +
var a=$(window).width()+$(window).scrollLeft();
 +
var k=$(window).height()+$(window).scrollTop();
 +
var l;
 +
var b;
 +
if((e.pageX+offX+m)>a){
 +
l=e.pageX-(m+offX)+"px"
 +
}else{
 +
l=e.pageX+offX+"px"
 +
}if((e.pageY+offY+n)>k){
 +
b=k-(n+offY)+"px"
 +
}else{
 +
b=e.pageY+offY+"px"
 +
}
 +
$("#preview").css("top",b).css("left",l)
 +
})
 +
 +
};
 +
 +
 +
 
 
 
}
 
}

Revision as of 03:19, 13 October 2016

SCAU

  • We started to discuss ideas. Presentation of project ideas by individuals to the group.
  • Three team showed the progress of their project, and the astaxanthin and bioplastic team came into being.
  • We held a net-meeting. Several teammates shared the experiences about their visit in Peking University. Did some preparation for the teach-in to freshmen. Also, we did an investigation about company and the public.
  • We propagandized IGEM as well as our team in the teach-in. Our school invited several professor to make speeches about trans-gene.
  • We finally decided the project of astaxanthin to participate in the IGEM competition and prepared the Culture Day of bauhinia.
  • In the Culture Day of baubinia, we showed our project to the whole society, propagandized IGEM and clarified some misunderstand about transgenic food for human body.
  • We took part in the teach-in, which was held by the college of Innovation and Entrepreneurship, in terms of showing our project.
  • we made a presentation to become next generation of SCAU members.Waiting in excitement and wondering who will be the members of this year’s team 2016.4.9 we discussed the role of every team member renewedly.
  • We started designing our wiki.
  • we made arrangements for summer holiday.
  • six team members were selected to the final jamboree.

jquery鼠标滑过显示放大图片 自适应浏览器显示

jquery图片放大插件鼠标滑过图片放大效果