|
|
| Line 262: |
Line 262: |
| | <!-- END: Livefyre Embed --> | | <!-- END: Livefyre Embed --> |
| | | | |
| - | <script type="text/javascript">
| |
| | | | |
| - | /******************************************
| |
| - | * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
| |
| - | * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
| |
| - | * Last updated Nov 9th, 05' by DD. This notice must stay intact for use
| |
| - | ******************************************/
| |
| - |
| |
| - | //Configure below to change URL path to the snow image
| |
| - | var snowsrc="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
| |
| - | // Configure below to change number of snow to render
| |
| - | var no = 10;
| |
| - | // Configure whether snow should disappear after x seconds (0=never):
| |
| - | var hidesnowtime = 0;
| |
| - | // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
| |
| - | var snowdistance = "pageheight";
| |
| - |
| |
| - | ///////////Stop Config//////////////////////////////////
| |
| - |
| |
| - | var ie4up = (document.all) ? 1 : 0;
| |
| - | var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
| |
| - |
| |
| - | function iecompattest(){
| |
| - | return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
| |
| - | }
| |
| - |
| |
| - | var dx, xp, yp; // coordinate and position variables
| |
| - | var am, stx, sty; // amplitude and step variables
| |
| - | var i, doc_width = 800, doc_height = 600;
| |
| - |
| |
| - | if (ns6up) {
| |
| - | doc_width = self.innerWidth;
| |
| - | doc_height = self.innerHeight;
| |
| - | } else if (ie4up) {
| |
| - | doc_width = iecompattest().clientWidth;
| |
| - | doc_height = iecompattest().clientHeight;
| |
| - | }
| |
| - |
| |
| - | dx = new Array();
| |
| - | xp = new Array();
| |
| - | yp = new Array();
| |
| - | am = new Array();
| |
| - | stx = new Array();
| |
| - | sty = new Array();
| |
| - | snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
| |
| - | for (i = 0; i < no; ++ i) {
| |
| - | dx[i] = 0; // set coordinate variables
| |
| - | xp[i] = Math.random()*(doc_width-50); // set position variables
| |
| - | yp[i] = Math.random()*doc_height;
| |
| - | am[i] = Math.random()*20; // set amplitude variables
| |
| - | stx[i] = 0.02 + Math.random()/10; // set step variables
| |
| - | sty[i] = 0.7 + Math.random(); // set step variables
| |
| - | if (ie4up||ns6up) {
| |
| - | if (i == 0) {
| |
| - | document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
| |
| - | } else {
| |
| - | document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
| |
| - | }
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | function snowIE_NS6() { // IE and NS6 main animation function
| |
| - | doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
| |
| - | doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
| |
| - | for (i = 0; i < no; ++ i) { // iterate for every dot
| |
| - | yp[i] += sty[i];
| |
| - | if (yp[i] > doc_height-50) {
| |
| - | xp[i] = Math.random()*(doc_width-am[i]-30);
| |
| - | yp[i] = 0;
| |
| - | stx[i] = 0.02 + Math.random()/10;
| |
| - | sty[i] = 0.7 + Math.random();
| |
| - | }
| |
| - | dx[i] += stx[i];
| |
| - | document.getElementById("dot"+i).style.top=yp[i]+"px";
| |
| - | document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
| |
| - | }
| |
| - | snowtimer=setTimeout("snowIE_NS6()", 10);
| |
| - | }
| |
| - |
| |
| - | function hidesnow(){
| |
| - | if (window.snowtimer) clearTimeout(snowtimer)
| |
| - | for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
| |
| - | }
| |
| - |
| |
| - |
| |
| - | if (ie4up||ns6up){
| |
| - | snowIE_NS6();
| |
| - | if (hidesnowtime>0)
| |
| - | setTimeout("hidesnow()", hidesnowtime*1000)
| |
| - | }
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | <!--Simply copy and paste into <BODY>
| |
| - | Just above the </BODY> tag. -->
| |
| - |
| |
| - | <SCRIPT type="text/javascript">
| |
| - | /*
| |
| - | Snow Fall Java Script
| |
| - | Visit http://rainbow.arch.scriptmania.com/scripts/
| |
| - | for this script and many more
| |
| - | */
| |
| - |
| |
| - | //Pre-loads your image/s below
| |
| - | //Configure below - change URL path to the snow image
| |
| - |
| |
| - | grphcs=new Array(5)
| |
| - | Image0=new Image();
| |
| - | Image0.src=grphcs[0]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png";
| |
| - | Image1=new Image();
| |
| - | Image1.src=grphcs[1]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
| |
| - | Image2=new Image();
| |
| - | Image2.src=grphcs[2]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
| |
| - | Image3=new Image();
| |
| - | Image3.src=grphcs[3]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
| |
| - | Image4=new Image();
| |
| - | Image4.src=grphcs[4]="https://static.igem.org/mediawiki/2012/b/b0/Phage.png"
| |
| - |
| |
| - | //Smoothness depends on image file size,
| |
| - | //the smaller the size the more you can use!
| |
| - |
| |
| - | // Configure below - change number of snow to render
| |
| - | Amount=15;
| |
| - |
| |
| - | Ypos=new Array();
| |
| - | Xpos=new Array();
| |
| - | Speed=new Array();
| |
| - | Step=new Array();
| |
| - | Cstep=new Array();
| |
| - | ns=(document.layers)?1:0;
| |
| - | ns6=(document.getElementById&&!document.all)?1:0;
| |
| - |
| |
| - | if (ns){
| |
| - | for (i = 0; i < Amount; i++){
| |
| - | var P=Math.floor(Math.random()*grphcs.length);
| |
| - | rndPic=grphcs[P];
| |
| - | document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
| |
| - | }
| |
| - | }
| |
| - | else{
| |
| - | document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
| |
| - | for (i = 0; i < Amount; i++){
| |
| - | var P=Math.floor(Math.random()*grphcs.length);
| |
| - | rndPic=grphcs[P];
| |
| - | document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
| |
| - | }
| |
| - | document.write('</div></div>');
| |
| - | }
| |
| - | WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
| |
| - | WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
| |
| - | for (i=0; i < Amount; i++){
| |
| - | Ypos[i] = Math.round(Math.random()*WinHeight);
| |
| - | Xpos[i] = Math.round(Math.random()*WinWidth);
| |
| - | Speed[i]= Math.random()*5+3;
| |
| - | Cstep[i]=0;
| |
| - | Step[i]=Math.random()*0.1+0.05;
| |
| - | }
| |
| - | function fall(){
| |
| - | var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
| |
| - | var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
| |
| - | var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
| |
| - | var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
| |
| - | for (i=0; i < Amount; i++){
| |
| - | sy = Speed[i]*Math.sin(90*Math.PI/180);
| |
| - | sx = Speed[i]*Math.cos(Cstep[i]);
| |
| - | Ypos[i]+=sy;
| |
| - | Xpos[i]+=sx;
| |
| - | if (Ypos[i] > WinHeight){
| |
| - | Ypos[i]=-60;
| |
| - | Xpos[i]=Math.round(Math.random()*WinWidth);
| |
| - | Speed[i]=Math.random()*5+3;
| |
| - | }
| |
| - | if (ns){
| |
| - | document.layers['sn'+i].left=Xpos[i];
| |
| - | document.layers['sn'+i].top=Ypos[i]+hscrll;
| |
| - | }
| |
| - | else if (ns6){
| |
| - | document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
| |
| - | document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
| |
| - | }
| |
| - | else{
| |
| - | eval("document.all.si"+i).style.left=Xpos[i];
| |
| - | eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
| |
| - | }
| |
| - | Cstep[i]+=Step[i];
| |
| - | }
| |
| - | setTimeout('fall()',115);
| |
| - | }
| |
| - | window.onload=fall
| |
| - | //-->
| |
| - | </SCRIPT>
| |
| | | | |
| | https://igem.org/Team.cgi?year=2012&team_name=Virginia | | https://igem.org/Team.cgi?year=2012&team_name=Virginia |
"
