Template:SUSTC A

From 2012.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>************************</title>
+
<title></title>
-
<meta name="keywords" content="scene, clean, professional, layout, free website templates, CSS, HTML" />
+
<style type="text/css">
-
<meta name="description" content="Scene Template is a clean and professional website layout for free download." />
+
trytop
 +
{
 +
position:fixed; bottom:0px; right:0px;
 +
background:url("https://static.igem.org/mediawiki/2012/a/a8/SustcTop.png") no-repeat;
 +
background-position: 0px 0px;
 +
display: inline;
 +
float: left;
 +
height: 60px;
 +
        width:60px;
 +
margin-bottom: 0;
 +
}
 +
sitemap
 +
{
 +
position:fixed; bottom:0px; left:0px;
 +
background:url("https://static.igem.org/mediawiki/2012/e/e7/SUSTCSitemap.png")  no-repeat;
 +
background-position: 0px 0px;
 +
display: inline;
 +
float: left;
 +
height: 60px;
 +
        width:60px;
-
<style type="text/css">
+
margin-bottom: 0;
-
 
+
}
Line 22: Line 41:
#content { border:none; width:1024px; }
#content { border:none; width:1024px; }
#bodyContent {border:none;  }
#bodyContent {border:none;  }
 +
 +
 +
#catlinks {display:none;  }
 +
 +
#footer-box  {display:none;  }
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!--删除完毕-->
<!--删除完毕-->
Line 138: Line 177:
font-size: 10px;
font-size: 10px;
color: #6f6f6f;
color: #6f6f6f;
-
     background: #2ac5c0 url(https://static.igem.org/mediawiki/igem.org/2/24/Templatemo_body_top.jpg) repeat-x;
+
     background: #2ac5c0 url(https://static.igem.org/mediawiki/2012/e/e8/Templatemo_body_top2.jpg) repeat-x;
}
}
Line 167: Line 206:
#temmplatmeo_header {
#temmplatmeo_header {
height: 96px;
height: 96px;
-
        margin-right: 50px
+
background: url(http://taftproot.gotoip2.com/ld/images/templatemo_menu.jpg) no-repeat bottom;
-
background: url(https://static.igem.org/mediawiki/2012/9/91/Templatemo_menu.jpg) no-repeat bottom;
+
}
}
Line 261: Line 299:
#banner_left h2 {
#banner_left h2 {
-
font-size: 28px;
+
font-family: "Comic Sans MS", cursive;
 +
font-size: 30px;
font-weight: normal;
font-weight: normal;
margin-top: 0;
margin-top: 0;
 +
 +
}
 +
#banner_left h3 {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: 32px;
 +
 +
}
 +
 +
#banner_left h4 {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: 28px;
 +
}
}
Line 317: Line 368:
font-size: 25px;
font-size: 25px;
margin: 0 0 25px 0;
margin: 0 0 25px 0;
 +
}
 +
 +
.title123 {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: xx-large;
 +
color: #ffffff;
}
}
Line 473: Line 530:
<body>
<body>
 +
<a name="top"></a>
 +
<a href="#top"><trytop></trytop></a>
 +
<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/SiteMap"><sitemap></sitemap></a>
<div id="templatemo_wrapper">
<div id="templatemo_wrapper">
<div id="temmplatmeo_header">
<div id="temmplatmeo_header">
   <div id="site_title">
   <div id="site_title">
-
           <a href="#" target="_parent">
+
           <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A" target="_parent">
-
             <img src="https://static.igem.org/mediawiki/igem.org/2/2f/Templatemo_logo.png" alt="Scene Template" />
+
             <img src="https://static.igem.org/mediawiki/2012/8/89/Sustclogo-1.png" width="270" height="74" alt="Logo" />
             </a>
             </a>
         </div>
         </div>
Line 484: Line 544:
          
          
             <ul>
             <ul>
-
                 <li><a href="index.html" class="current">Home</a></li>
+
                 <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A" class="current">Home</a></li>
-
                 <li><a href="#">About1</a></li>
+
                 <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team" >Team</a></li>
-
                 <li><a href="#">About2</a></li>
+
                 <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project</a></li>
-
                 <li><a href="portfolio.html">Portfolio</a></li>
+
                 <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a></li>
-
                 <li><a href="#">Contact Us</a></li>
+
                 <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice">Human Practice</a></li>
             </ul>   
             </ul>   
          
          
Line 498: Line 558:
      
      
   <div id="banner_left">
   <div id="banner_left">
-
        <h2>SUSTC  TEAM</h2>
+
<p class="title123">BioDesign & BioSearch</p>
-
            <p>Vivamus a velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+
</br>
-
 
+
<p class="title123">&nbsp;&nbsp;-- Synthetic Biology in Your Hand!</p>
-
Curabitur quis velit quis tortor tincidunt aliquet. Vivamus leo velit, convallis id, ultrices sit amet, tempor a,
+
-
 
+
-
libero.</p>
+
-
            <p>&nbsp;</p>
+
-
            <p>Mauris quis nulla sed ipsum pretium sagittis. Suspendisse feugiat. Ut sodales libero ut odio. Maecenas
+
-
 
+
-
venenatis metus eu est. In sed risus ac felis varius bibendum. Nulla imperdiet congue metus. Vestibulum dapibus tortor.
+
-
 
+
-
<a href="#">Read More</a></p>
+
   </div>
   </div>
          
          
Line 519: Line 570:
                  
                  
                   <div class="cs_article">
                   <div class="cs_article">
-
                        <img src="https://static.igem.org/mediawiki/igem.org/d/dc/Templatemo_image_01.jpg" alt="Seagulls" />
+
                      <img src="https://static.igem.org/mediawiki/2012/a/aa/School_view.jpg"  width="517" height="215" alt="Seagulls"/>
               </div>
               </div>
                      
                      
                     <div class="cs_article">
                     <div class="cs_article">
-
                       <img src="https://static.igem.org/mediawiki/igem.org/7/7b/Templatemo_image_02.jpg" alt="Seagull" />
+
                       <img src="https://static.igem.org/mediawiki/igem.org/1/17/Members.JPG"  width="517" height="215" alt="Seagulls"/>
               </div>
               </div>
                      
                      
                     <div class="cs_article">
                     <div class="cs_article">
-
                      <img src="https://static.igem.org/mediawiki/igem.org/c/c1/Templatemo_image_03.jpg" alt="Seagull" />
 
-
          </div>
 
-
                   
 
-
                  <div class="cs_article">
 
                       <a href="#" target="_parent">
                       <a href="#" target="_parent">
-
                       <img src="https://static.igem.org/mediawiki/igem.org/8/87/Templatemo_image_04.jpg" alt="Seagulls" />
+
                       <img src="https://static.igem.org/mediawiki/2012/f/f3/Sustcproject1.jpg"  width="517" height="215" alt="Seagulls"/>
-
                      </a>
+
          </a></div>
-
                </div>
+
                
                
               </div><!-- End cs_slider -->
               </div><!-- End cs_slider -->
Line 540: Line 586:
         </div><!-- End contentslider -->
         </div><!-- End contentslider -->
-
<!-- Site JavaScript -->
+
<!-- Site JavaScript -->
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 -->
-
 
+
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 -->
-
 
+
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 -->
-
 
+
-
 
+
-
<Script Language="JavaScript">
+
-
 
+
-
/*
+
-
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+
-
*
+
-
* Uses the built in easing capabilities added In
+
-
 
+
-
jQuery 1.1
+
-
* to offer multiple easing options
+
-
*
+
-
* TERMS OF USE - jQuery Easing
+
-
*
+
-
* Open source under the BSD License.
+
-
+
-
 
+
-
*
+
-
* Copyright ? 2008 George McGinley Smith
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and use in source and binary
+
-
 
+
-
forms, with or without modification,
+
-
* are permitted provided that the following conditions are met:
+
-
*
+
-
*
+
-
 
+
-
Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the following
+
-
 
+
-
disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of conditions and
+
-
 
+
-
the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
*
+
-
* Neither
+
-
 
+
-
the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived from this
+
-
 
+
-
software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND
+
-
 
+
-
CONTRIBUTORS "AS IS" AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
-
+
-
 
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
-
*  COPYRIGHT OWNER OR
+
-
 
+
-
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+
-
 
+
-
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
+
-
 
+
-
BUSINESS INTERRUPTION) HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+
-
 
+
-
(INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
-
* OF THE
+
-
 
+
-
POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
 
+
-
// t: current time, b: begInnIng value, c: change In value, d: duration
+
-
jQuery.easing
+
-
 
+
-
['jswing'] = jQuery.easing['swing'];
+
-
 
+
-
jQuery.extend( jQuery.easing,
+
-
{
+
-
def: 'easeOutQuad',
+
-
swing: function (x, t,
+
-
 
+
-
b, c, d) {
+
-
//alert(jQuery.easing.default);
+
-
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+
-
+
-
 
+
-
},
+
-
easeInQuad: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t + b;
+
-
},
+
-
easeOutQuad: function (x, t, b,
+
-
 
+
-
c, d) {
+
-
return -c *(t/=d)*(t-2) + b;
+
-
},
+
-
easeInOutQuad: function (x, t, b, c, d) {
+
-
if
+
-
 
+
-
((t/=d/2) < 1) return c/2*t*t + b;
+
-
return -c/2 * ((--t)*(t-2) - 1) + b;
+
-
},
+
-
easeInCubic: function
+
-
 
+
-
(x, t, b, c, d) {
+
-
return c*(t/=d)*t*t + b;
+
-
},
+
-
easeOutCubic: function (x, t, b, c, d) {
+
-
+
-
 
+
-
return c*((t=t/d-1)*t*t + 1) + b;
+
-
},
+
-
easeInOutCubic: function (x, t, b, c, d) {
+
-
if
+
-
 
+
-
((t/=d/2) < 1) return c/2*t*t*t + b;
+
-
return c/2*((t-=2)*t*t + 2) + b;
+
-
},
+
-
easeInQuart: function
+
-
 
+
-
(x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t + b;
+
-
},
+
-
easeOutQuart: function (x, t, b, c, d) {
+
-
+
-
 
+
-
return -c * ((t=t/d-1)*t*t*t - 1) + b;
+
-
},
+
-
easeInOutQuart: function (x, t, b, c, d) {
+
-
if
+
-
 
+
-
((t/=d/2) < 1) return c/2*t*t*t*t + b;
+
-
return -c/2 * ((t-=2)*t*t*t - 2) + b;
+
-
},
+
-
easeInQuint: function
+
-
 
+
-
(x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t*t + b;
+
-
},
+
-
easeOutQuint: function (x, t, b, c, d) {
+
-
+
-
 
+
-
return c*((t=t/d-1)*t*t*t*t + 1) + b;
+
-
},
+
-
easeInOutQuint: function (x, t, b, c, d) {
+
-
if
+
-
 
+
-
((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+
-
return c/2*((t-=2)*t*t*t*t + 2) + b;
+
-
},
+
-
easeInSine:
+
-
 
+
-
function (x, t, b, c, d) {
+
-
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+
-
},
+
-
easeOutSine:
+
-
 
+
-
function (x, t, b, c, d) {
+
-
return c * Math.sin(t/d * (Math.PI/2)) + b;
+
-
},
+
-
easeInOutSine: function
+
-
 
+
-
(x, t, b, c, d) {
+
-
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+
-
},
+
-
easeInExpo: function (x, t, b,
+
-
 
+
-
c, d) {
+
-
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+
-
},
+
-
easeOutExpo: function (x, t, b,
+
-
 
+
-
c, d) {
+
-
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+
-
},
+
-
easeInOutExpo: function (x, t,
+
-
 
+
-
b, c, d) {
+
-
if (t==0) return b;
+
-
if (t==d) return b+c;
+
-
if ((t/=d/2) < 1) return c/2 *
+
-
 
+
-
Math.pow(2, 10 * (t - 1)) + b;
+
-
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+
-
},
+
-
easeInCirc: function
+
-
 
+
-
(x, t, b, c, d) {
+
-
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+
-
},
+
-
easeOutCirc: function (x, t, b,
+
-
 
+
-
c, d) {
+
-
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+
-
},
+
-
easeInOutCirc: function (x, t, b, c, d) {
+
-
+
-
 
+
-
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+
-
return c/2 * (Math.sqrt(1 - (t-=2)*t) +
+
-
 
+
-
1) + b;
+
-
},
+
-
easeInElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if
+
-
 
+
-
(t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
+
-
 
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*
+
-
 
+
-
(2*Math.PI)/p )) + b;
+
-
},
+
-
easeOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
+
-
 
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var
+
-
 
+
-
s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return a*Math.pow(2,-10*t) * Math.sin(
+
-
 
+
-
(t*d-s)*(2*Math.PI)/p ) + c + b;
+
-
},
+
-
easeInOutElastic: function (x, t, b, c, d) {
+
-
var
+
-
 
+
-
s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+
-
+
-
 
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
+
-
 
+
-
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
return
+
-
 
+
-
a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+
-
},
+
-
easeInBack: function (x, t, b,
+
-
 
+
-
c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*(t/=d)*t*((s+1)*t - s) + b;
+
-
},
+
-
+
-
 
+
-
easeOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*
+
-
 
+
-
((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+
-
},
+
-
easeInOutBack: function (x, t, b, c, d, s) {
+
-
if (s ==
+
-
 
+
-
undefined) s = 1.70158;
+
-
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+
-
+
-
 
+
-
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+
-
},
+
-
easeInBounce: function (x, t, b, c, d) {
+
-
+
-
 
+
-
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+
-
},
+
-
easeOutBounce: function (x, t, b, c, d) {
+
-
+
-
 
+
-
if ((t/=d) < (1/2.75)) {
+
-
return c*(7.5625*t*t) + b;
+
-
} else if (t <
+
-
 
+
-
(2/2.75)) {
+
-
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+
-
} else if (t < (2.5/2.75)) {
+
-
+
-
 
+
-
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+
-
} else {
+
-
return
+
-
 
+
-
c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+
-
}
+
-
},
+
-
easeInOutBounce: function (x, t, b, c, d) {
+
-
+
-
 
+
-
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+
-
return
+
-
 
+
-
jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+
-
}
+
-
});
+
-
 
+
-
/*
+
-
*
+
-
* TERMS OF USE - EASING EQUATIONS
+
-
*
+
-
*
+
-
 
+
-
Open source under the BSD License.
+
-
*
+
-
* Copyright ? 2001 Robert Penner
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and
+
-
 
+
-
use in source and binary forms, with or without modification,
+
-
* are permitted provided that the following conditions
+
-
 
+
-
are met:
+
-
*
+
-
* Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the
+
-
 
+
-
following disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of
+
-
 
+
-
conditions and the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
+
-
 
+
-
*
+
-
* Neither the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived
+
-
 
+
-
from this software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS
+
-
 
+
-
AND CONTRIBUTORS "AS IS" AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+
-
 
+
-
WARRANTIES OF
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
-
*  COPYRIGHT
+
-
 
+
-
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+
-
 
+
-
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
+
-
 
+
-
BUSINESS INTERRUPTION) HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+
-
 
+
-
(INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
-
* OF THE
+
-
 
+
-
POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
(function($) {
+
-
  $.fn.ContentSlider = function(options)
+
-
  {
+
-
    var defaults = {
+
-
      leftBtn : 'https://static.igem.org/mediawiki/2012/1/1c/Templatemo_left_nav.png',
+
-
      rightBtn : 'https://static.igem.org/mediawiki/2012/1/15/Templatemo_right_nav.png',
+
-
      width : '535px',
+
-
      height : '233px',
+
-
      speed : 400,
+
-
      easing : 'easeOutExpo',
+
-
      textResize : false,
+
-
      IE_h2 : '26px',
+
-
      IE_p : '11px'
+
-
    }
+
-
    var defaultWidth = defaults.width;
+
-
    var o = $.extend(defaults, options);
+
-
    var w = parseInt(o.width);
+
-
    var n = this.children('.cs_wrapper').children('.cs_slider').children('.cs_article').length;
+
-
    var x = -1*w*n+w; // Minimum left value
+
-
    var p = parseInt(o.width)/parseInt(defaultWidth);
+
-
    var thisInstance = this.attr('id');
+
-
    var inuse = false; // Prevents colliding animations
+
-
 
+
-
    function moveSlider(d, b)
+
-
    {
+
-
      var l = parseInt(b.siblings('.cs_wrapper').children('.cs_slider').css('left'));
+
-
      if(isNaN(l)) {
+
-
        var l = 0;
+
-
      }
+
-
      var m = (d=='left') ? l-w : l+w;
+
-
      if(m<=0&&m>=x) {
+
-
        b
+
-
          .siblings('.cs_wrapper')
+
-
            .children('.cs_slider')
+
-
              .animate({ 'left':m+'px' }, o.speed, o.easing, function() {
+
-
                inuse=false;
+
-
              });
+
-
 
+
-
        if(b.attr('class')=='cs_leftBtn') {
+
-
          var thisBtn = $('#'+thisInstance+' .cs_leftBtn');
+
-
          var otherBtn = $('#'+thisInstance+' .cs_rightBtn');
+
-
        } else {
+
-
          var thisBtn = $('#'+thisInstance+' .cs_rightBtn');
+
-
          var otherBtn = $('#'+thisInstance+' .cs_leftBtn');
+
-
        }
+
-
        if(m==0||m==x) {
+
-
          thisBtn.animate({ 'opacity':'0' }, o.speed, o.easing, function() { thisBtn.hide(); });
+
-
        }
+
-
        if(otherBtn.css('opacity')=='0') {
+
-
          otherBtn.show().animate({ 'opacity':'1' }, { duration:o.speed, easing:o.easing });
+
-
        }
+
-
      }
+
-
    }
+
-
 
+
-
    function vCenterBtns(b)
+
-
    {
+
-
      // Safari and IE don't seem to like the CSS used to vertically center
+
-
      // the buttons, so we'll force it with this function
+
-
      var mid = parseInt(o.height)/0 ;
+
-
      b
+
-
        .find('.cs_leftBtn img').css({ 'top':mid+'px', 'padding':0 }).end()
+
-
        .find('.cs_rightBtn img').css({ 'top':mid+'px', 'padding':0 });
+
-
    }
+
-
 
+
-
    return this.each(function() {
+
-
      $(this)
+
-
        // Set the width and height of the div to the defined size
+
-
        .css({
+
-
          width:o.width,
+
-
          height:o.height
+
-
        })
+
-
        // Add the buttons to move left and right
+
-
        .prepend('<a href="#" class="cs_leftBtn"><img src="'+o.leftBtn+'" /></a>')
+
-
        .append('<a href="#" class="cs_rightBtn"><img src="'+o.rightBtn+'" /></a>')
+
-
        // Dig down to the article div elements
+
-
        .find('.cs_article')
+
-
          // Set the width and height of the div to the defined size
+
-
          .css({
+
-
            width:o.width,
+
-
            height:o.height
+
-
          })
+
-
          .end()
+
-
        // Animate the entrance of the buttons
+
-
        .find('.cs_leftBtn')
+
-
          .css('opacity','0')
+
-
          .hide()
+
-
          .end()
+
-
        .find('.cs_rightBtn')
+
-
          .hide()
+
-
          .animate({ 'width':'show' });
+
-
 
+
-
      // Resize the font to match the bounding box
+
-
      if(o.textResize===true) {
+
-
        var h2FontSize = $(this).find('h2').css('font-size');
+
-
        var pFontSize = $(this).find('p').css('font-size');
+
-
        $.each(jQuery.browser, function(i) {
+
-
          if($.browser.msie) {
+
-
            h2FontSize = o.IE_h2;
+
-
            pFontSize = o.IE_p;
+
-
          }
+
-
        });
+
-
        $(this).find('h2').css({ 'font-size' : parseFloat(h2FontSize)*p+'px', 'margin-left' : '66%' });
+
-
        $(this).find('p').css({ 'font-size' : parseFloat(pFontSize)*p+'px', 'margin-left' : '66%' });
+
-
        $(this).find('.readmore').css({ 'font-size' : parseFloat(pFontSize)*p+'px', 'margin-left' : '66%' });
+
-
      }
+
-
 
+
-
      // Store a copy of the button in a variable to pass to moveSlider()
+
-
      var leftBtn = $(this).children('.cs_leftBtn');
+
-
      leftBtn.bind('click', function() {
+
-
        if(inuse===false) {
+
-
          inuse = true;
+
-
          moveSlider('right', leftBtn);
+
-
        }
+
-
        return false; // Keep the link from firing
+
-
      });
+
-
 
+
-
      // Store a copy of the button in a variable to pass to moveSlider()
+
-
      var rightBtn = $(this).children('.cs_rightBtn');
+
-
      rightBtn.bind('click', function() {
+
-
        if(inuse===false) {
+
-
          inuse=true;
+
-
          moveSlider('left', rightBtn);
+
-
        }
+
-
        return false; // Keep the link from firing
+
-
      });
+
-
 
+
-
      vCenterBtns($(this)); // This is a CSS fix function.
+
-
    });
+
-
  }
+
-
})(jQuery)
+
-
</Script>
+
-
 
+
-
 
+
-
 
+
 +
<script type="text/javascript" src="http://taftproot.gotoip2.com/ld/js/jquery.easing.1.3.js"></script>
 +
<script type="text/javascript" src="http://taftproot.gotoip2.com/ld/js/jquery.ennui.contentslider.js"></script>
<script type="text/javascript">
<script type="text/javascript">
$(function() {
$(function() {
Line 1,055: Line 603:
});
});
</script>
</script>
 +
<script src="http://taftproot.gotoip2.com/ld/js/jquery.chili-2.2.js" type="text/javascript"></script>
 +
<script src="http://taftproot.gotoip2.com/ld/js/chili/recipes.js" type="text/javascript"></script>
          
          
       </div>  <!-- end of slider -->  
       </div>  <!-- end of slider -->  
-
 
+
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 -->
 +
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 -->
 +
<!-- 幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯幻灯 -->
    
    
      
      
Line 1,066: Line 618:
</div> <!-- end of templatemo_wrapper -->
</div> <!-- end of templatemo_wrapper -->
 +
<!-- Thanks to http://www.qianduan.net/fresh-free-html-templates-2010.html-->
</body>
</body>
</html>
</html>

Latest revision as of 19:01, 26 October 2012

Retrieved from "http://2012.igem.org/Template:SUSTC_A"