Team:SUSTC-Shenzhen-A DengLuo index

From 2012.igem.org

(Difference between revisions)
 
(38 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>Scene Template, free website template</title>
+
<title>************************</title>
<meta name="keywords" content="scene, clean, professional, layout, free website templates, CSS, HTML" />
<meta name="keywords" content="scene, clean, professional, layout, free website templates, CSS, HTML" />
<meta name="description" content="Scene Template is a clean and professional website layout for free download." />
<meta name="description" content="Scene Template is a clean and professional website layout for free download." />
Line 9: Line 9:
<style type="text/css">
<style type="text/css">
 +
 +
 +
 +
<!--我们需要先把igem原网站的一些东西删掉-->
 +
#globalWrapper {width: 100%;  }
 +
#top-section {width: 100%; height:100%; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
.firstHeading {display:none;}
 +
#content { border:none;  }
 +
#bodyContent {border:none;  }
 +
 +
<!--删除完毕-->
 +
Line 117: Line 133:
line-height: 1.5em;
line-height: 1.5em;
font-family: Tahoma, Geneva, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
-
font-size: 12px;
+
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/igem.org/2/24/Templatemo_body_top.jpg) repeat-x;
Line 147: Line 163:
#temmplatmeo_header {
#temmplatmeo_header {
height: 96px;
height: 96px;
-
background: url(https://static.igem.org/mediawiki/igem.org/9/91/Templatemo_menu.jpg) no-repeat bottom;
+
        margin-right: 50px
 +
background: url(https://static.igem.org/mediawiki/2012/9/91/Templatemo_menu.jpg) no-repeat bottom;
}
}
Line 181: Line 198:
padding-top: 53px;
padding-top: 53px;
height: 43px;
height: 43px;
-
margin-right: 20px
+
margin-right: 70px
}
}
Line 211: Line 228:
font-weight: normal;
font-weight: normal;
outline: none;
outline: none;
-
background:url(https://static.igem.org/mediawiki/igem.org/e/e8/Templatemo_menu_button.png) no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/e/e8/Templatemo_menu_button.png) no-repeat;
}
}
#templatemo_menu li a:hover, #templatemo_menu li .current {
#templatemo_menu li a:hover, #templatemo_menu li .current {
z-index: 200;
z-index: 200;
-
background:url(images/templatemo_menu_button_hover.png);
+
background:url(https://static.igem.org/mediawiki/2012/a/ad/Templatemo_menu_button_hover.png);
}
}
Line 227: Line 244:
height: 236px;
height: 236px;
padding: 50px 35px;
padding: 50px 35px;
-
background: url(https://static.igem.org/mediawiki/igem.org/1/17/Templatemo_banner.png) no-repeat;
+
background: url(https://static.igem.org/mediawiki/2012/1/17/Templatemo_banner.png) no-repeat;
}
}
Line 253: Line 270:
height: 215px;
height: 215px;
padding: 9px;
padding: 9px;
 +
margin-right: 30px;
overflow: hidden;
overflow: hidden;
}
}
Line 263: Line 281:
left: 0;
left: 0;
z-index: 800;
z-index: 800;
-
background: url(https://static.igem.org/mediawiki/igem.org/6/62/Templatemo_banner_image_frame.png) no-repeat;
+
background: url(https://static.igem.org/mediawiki/2012/6/62/Templatemo_banner_image_frame.png) no-repeat;
}
}
/* end of banner */
/* end of banner */
Line 452: Line 470:
<div id="temmplatmeo_header">
<div id="temmplatmeo_header">
   <div id="site_title">
   <div id="site_title">
-
           <a href="http://www.templatemo.com" target="_parent">
+
           <a href="#" 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/igem.org/2/2f/Templatemo_logo.png" alt="Scene Template" />
             </a>
             </a>
Line 461: Line 479:
             <ul>
             <ul>
                 <li><a href="index.html" class="current">Home</a></li>
                 <li><a href="index.html" class="current">Home</a></li>
-
                 <li><a href="#">About</a></li>
+
                 <li><a href="#">About1</a></li>
 +
                <li><a href="#">About2</a></li>
                 <li><a href="portfolio.html">Portfolio</a></li>
                 <li><a href="portfolio.html">Portfolio</a></li>
                 <li><a href="#">Contact Us</a></li>
                 <li><a href="#">Contact Us</a></li>
Line 492: Line 511:
           <div class="cs_wrapper">
           <div class="cs_wrapper">
               <div class="cs_slider">
               <div class="cs_slider">
 +
               
 +
<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
                  
                  
                   <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="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_01.jpg" 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="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_02.jpg" alt="Seagull" />
               </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" />
+
                       <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_03.jpg" alt="Seagull" />
           </div>
           </div>
                      
                      
                   <div class="cs_article">
                   <div class="cs_article">
                       <a href="http://www.templatemo.com" target="_parent">
                       <a href="http://www.templatemo.com" target="_parent">
-
                       <img src="https://static.igem.org/mediawiki/igem.org/8/87/Templatemo_image_04.jpg" alt="Seagulls" />
+
                       <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_04.jpg" alt="Seagulls" />
                       </a>
                       </a>
                 </div>
                 </div>
 +
             
 +
 +
<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
 +
<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
 +
                
                
               </div><!-- End cs_slider -->
               </div><!-- End cs_slider -->
           </div><!-- End cs_wrapper -->
           </div><!-- End cs_wrapper -->
-
        </div><!-- End contentslider -->
 
-
<!-- Site JavaScript -->
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 
 +
<!-- Site JavaScript -->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_195_scene/js/jquery.easing.1.3.js"></script>
-
<Script Language="JavaScript">
+
<script type="text/javascript"src="http://www.templatemo.com/templates/templatemo_195_scene/js/jquery.ennui.contentslider.js">
-
 
+
</script>
-
/*
+
-
* 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 : 'images/templatemo_left_nav.png',
+
-
      rightBtn : 'images/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>
+
-
 
+
Line 1,030: Line 562:
});
});
</script>
</script>
 +
<script src="http://www.templatemo.com/templates/templatemo_195_scene/js/jquery.chili-2.2.js" type="text/javascript"></script>
 +
<script src="http://www.templatemo.com/templates/templatemo_195_scene/js/chili/recipes.js" type="text/javascript"></script>
-
          
+
 
 +
         </div><!-- End contentslider -->
 +
 
 +
<!-- Site JavaScript -->
 +
     
       </div>  <!-- end of slider -->  
       </div>  <!-- end of slider -->  

Latest revision as of 14:30, 8 September 2012

************************

Retrieved from "http://2012.igem.org/Team:SUSTC-Shenzhen-A_DengLuo_index"