Team:SUSTC-Shenzhen-A DengLuo index

From 2012.igem.org

(Difference between revisions)

Latest revision as of 14:30, 8 September 2012

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

SUSTC TEAM

Vivamus a velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quis velit quis tortor tincidunt aliquet. Vivamus leo velit, convallis id, ultrices sit amet, tempor a, libero.

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. Read More

@@ Line 228: / Line 228: @@
 	font-weight: normal;
 	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 {
 	z-index: 200;
-	background:url(https://static.igem.org/mediawiki/2012/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png);
+	background:url(https://static.igem.org/mediawiki/2012/a/ad/Templatemo_menu_button_hover.png);
 }
@@ Line 281: / Line 281: @@
 	left: 0;
 	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 */
@@ Line 512: / Line 512: @@
                 <div class="cs_slider">
+<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
+                   <div class="cs_article">
+                       	   <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_01.jpg" alt="Seagulls" />
+           	     	</div>
+                    <div class="cs_article">
+                       <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_02.jpg" alt="Seagull" />
+           	     	</div>
+                    <div class="cs_article">
+                       <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_03.jpg" alt="Seagull" />
+   	        		</div>
+                   <div class="cs_article">
+                       <a href="http://www.templatemo.com" target="_parent">
+                       <img src="http://www.templatemo.com/templates/templatemo_195_scene/images/templatemo_image_04.jpg" alt="Seagulls" />
+                       </a>
+               	   </div>
+<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
+<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
                 </div><!-- End cs_slider -->
             </div><!-- End cs_wrapper -->
-        </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 type="text/javascript" src="http://www.templatemo.com/templates/templatemo_195_scene/js/jquery.easing.1.3.js"></script>
-<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
-<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
-<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
-<!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 --><!-- 图片幻灯片位置 -->
+	<script type="text/javascript"src="http://www.templatemo.com/templates/templatemo_195_scene/js/jquery.ennui.contentslider.js">
+</script>
-<div align="center"><div id=AdRotator></div>
-<SCRIPT LANGUAGE="JavaScript">
-<!--
-function adRotator() {};
-adRotator.initialize=function(o)
-{
-// script by blueDestiny
-this._t = new Array();
-this._l = new Array();
-this._p = new Array();
-this._i = new Image();
-this._c = 0;
-this._f = false;
-this._o = o;
-this._timeout = null;
-this._html = "";
-// configration.
-// @ image width
-// @ image height
-// @ rotator speed
-// @ filter type
-this._w = 525;
-this._h = 180;
-this._s = 4;
-this._x = 23;
-return this;
-};
-adRotator.add=function(p,t,l) { with (this)
-{
-_p.push(p);
-_t.push(t);
-_l.push(l);
-}};
-adRotator.load=function() { with (adRotator)
-{
-if( _i.readyState=='complete' )
-{
-if(_p.length-1==_c)
-{
-_f = true;
-_c = 0;
-window.clearTimeout(_timeout);
-//getRef("AdRotator").innerHTML="complete";
-adRotator.play();
-}
-else
-{
-_c++;
-getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";
-_timeout=window.setTimeout(adRotator.load,10)
-}
-}
-else
-{
-getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";
-_timeout=window.setTimeout(adRotator.load,10)
-}
-}};
-adRotator.play=function() { with (adRotator)
-{
-if( _f )
-{
-_html = "";
-_html += '<table style="border:1px solid #333333;"><tr><td style="font-size:9pt;font-family:tahoma;font-weight:bold;">'
-_html += '<div id="rotatorPlayer"'
-+ ' style="width:' + _w + ''
-+ ';height:"' + _h + '"'
-+ '>'
-_html += '<a href="' + ( _l[_c] ? _l[_c] : "javascript:void(0);" ) + '">';
-_html += '<img id="rotatorPic" src="' + _p[_c] + '"'
-+ ' width="' + _w + '"'
-+ ' height="' + _h + '"'
-+ (_t[_c]?' title="' + _t[_c] + '"':'')
-+ ' style="border:1px solid blue;FILTER:revealTrans(transition=' + _x + ',duration=1);"'
-+ ' >';
-_html += (_t[_c]?('<div align="center">' + (_c+1) + '. ' + _t[_c] + '</div>'):'<p></p>');
-_html += '</a>';
-_html += "</div>";
-_html += '<div align="right">';
-for(var i=0; i<_p.length; i++)
-_html += '<span'
-+ ' style="border:1px solid #333333;padding:1px 5px 1px 5px;height:20px;text-align:center;cursor:'
-+ (_c==i ? ('default;background-color:red;"') : 'hand;" onclick="adRotator.select(' + i + ')"')
-+ '>'
-+ (i>8?(i+1):('0'+(i+1)))+ '</span> ';
-_html += "</div></td></tr></table>";
-getRef(_o).innerHTML = _html;
-getRef("rotatorPic").filters[0].Apply();
-getRef("rotatorPic").filters[0].Play();
-next();
-}
-else
-{
-_i.src = _p[_c];
-adRotator.load();
-}
-}};
-adRotator.next=function() { with (this)
-{
-(_p.length-1==_c) ? _c=0 : _c++;
-_timeout=window.setTimeout(adRotator.play,_s*1000);
-}};
-adRotator.select=function(i) { with (this)
-{
-window.clearTimeout(_timeout);
-_c=i;
-adRotator.play();
-}};
-adRotator.set=function(second) { with (this)
-{
-window.clearTimeout(_timeout);
-if((/\d+/).test(second)==true)
-{
-_s=second;
-adRotator.play();
-}
-else
-{
-alert("must be digit!")
-adRotator.play();
-}
-}};
-function getRef(id)
-{
-return (document.all?document.all(id):document.getElementById(id));
-}
-adRotator.initialize("AdRotator");
-adRotator.add("http://img1.qq.com/ent/20060218/3215110.jpg","aa","http://www.blueidea.com")
-adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg")
-adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg")
-adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg")
-adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg")
-adRotator.play();
-//-->
-</SCRIPT>
+	<script type="text/javascript">
+			$(function() {
+				$('#one').ContentSlider({
+					width : '535px',
+					height : '233px',
+					speed : 800,
+					easing : 'easeInOutQuart'
+				});
+			});
+		</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 -->