Team:Peking R/test

From 2011.igem.org

(Difference between revisions)

Latest revision as of 00:09, 5 October 2011

Template:Https://2011.igem.org/Team:Peking R/bannerhidden Template:Https://2011.igem.org/Team:Peking R/back2 Peking 无标题文档

@@ Line 107: / Line 107: @@
        <td width="99"><a href="#" id="link3" name="link3" onmouseover="MM_showMenu(window.mm_menu_0519110704_0,10,37,null,'image3')" onmouseout="MM_startTimeout();"><img  id="image3" name="image3"  src="https://static.igem.org/mediawiki/2011/d/d1/PekingR_nav.humanpractice.png" width="176" height="36" border="0"   onmouseover="this.src='https://static.igem.org/mediawiki/2011/0/08/PekingR_nav.humanpractice-over.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/d/d1/PekingR_nav.humanpractice.png'"/></a></td>
        <td width="99"><a href="#" id="link4" name="link4" onmouseover="MM_showMenu(window.mm_menu_0519110958_0,10,37,null,'image4')" onmouseout="MM_startTimeout();"><img id="image4" name="image4" src="https://static.igem.org/mediawiki/2011/f/f5/PekingR_nav._notebook.jpg" width="114" height="36" border="0"  onmouseover="this.src='https://static.igem.org/mediawiki/2011/b/b4/PekingR_nav._notebook-over.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/f/f5/PekingR_nav._notebook.jpg'" /></a></td>
-       <td height="36" colspan="7"><a href="#"><img src="https://static.igem.org/mediawiki/2011/4/42/PekingR_nav_biosafety3.png" width="257" height="36" border="0"   onmouseover="this.src='https://static.igem.org/mediawiki/2011/1/1a/PekingR_nav_biosafety3-over.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/4/42/PekingR_nav_biosafety3.png'"/></a></td>
+       <td height="36" colspan="7"><a href="#"><img src="https://static.igem.org/mediawiki/2011/4/42/PekingR_nav_biosafety3.png" width="242" height="36" border="0"   onmouseover="this.src='https://static.igem.org/mediawiki/2011/1/1a/PekingR_nav_biosafety3-over.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/4/42/PekingR_nav_biosafety3.png'"/></a></td>
    </tr>
    <tr>
-     <td colspan="7" bgcolor="#EEEDED"><a href="http://www.lingyou.net" target="_blank"  id="flash1" style="display:block; " ><img src="images/flash.gif" width="968
+     <td colspan="7" bgcolor="#EEEDED">
-         px" height="381px" /></a></td>
+    <div id="flash">
+   	<div id="flashBg">
+			<div id="flashLine">
+				<div id="flash"><a href="http://www.lingyou.net" target="_blank" style="display:block; " >
+                </a>
+								<a href="#" target="_blank"  id="flash2" style="display:none; " >
+					<img src="images/flash.gif" width="968px" height="381px" />
+				</a>
+								<a href="#" target="_blank"  id="flash3" style="display:none; " >
+					<img src="images/flash.gif" width="968px" height="381px" />
+				</a>
+								<a href="http://www.lingyou.net/" target="_blank"  id="flash4" style="display:none; " >
+					<img src="file/20110623100121.jpg" width="968px" height="381px" />
+				</a>
+								  <div class="flash_bar">
+				  							<div class="dq" id="f1" onclick="changeflash(1)"></div>
+												<div class="no" id="f2" onclick="changeflash(2)"></div>
+												<div class="no" id="f3" onclick="changeflash(3)"></div>
+												<div class="no" id="f4" onclick="changeflash(4)"></div>
+				  </div>
+			  </div>
+			</div>
+  </div>
+  <script type="text/javascript">
+				$(document).ready(function(){
+				$(".item1").hover(function(){$("#tit_fc1").slideDown("normal");	}, function() {$("#tit_fc1").slideUp("fast");});
+				$(".item2").hover(function(){$("#tit_fc2").slideDown("normal");	}, function() {$("#tit_fc2").slideUp("fast");});
+				$(".item3").hover(function(){$("#tit_fc3").slideDown("normal");	}, function() {$("#tit_fc3").slideUp("fast");});
+				$(".item4").hover(function(){$("#tit_fc4").slideDown("normal");	}, function() {$("#tit_fc4").slideUp("fast");});
+				});
+				var currentindex=1;
+				$("#flashBg").css("background-color",$("#flash1").attr("name"));
+				function changeflash(i) {
+				currentindex=i;
+				for (j=1;j <= 4;j++){
+					if (j==i)
+					{$("#flash"+j).fadeIn("normal");
+					$("#flash"+j).css("display","block");
+					$("#f"+j).removeClass();
+					$("#f"+j).addClass("dq");
+					$("#flashBg").css("background-color",$("#flash"+j).attr("name"));
+					}
+					else
+					{$("#flash"+j).css("display","none");
+					$("#f"+j).removeClass();
+					$("#f"+j).addClass("no");}
+				}}
+				function startAm(){
+				timerID = setInterval("timer_tick()",5000);
+				}
+				function stopAm(){
+				clearInterval(timerID);
+				}
+				function timer_tick() {
+				    currentindex=currentindex >= 4 ? 1 : currentindex + 1;
+					changeflash(currentindex);}
+				$(document).ready(function(){
+				$(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();});
+				startAm();
+				});
+				function ChangeImg(i){
+					$("#img"+i).removeAttr("src");
+					$("#img"+i).attr("src","/skin/tg2011/images/clients_"+i+"a.gif");
+					}
+				function ResetImg(i){
+					$("#img"+i).removeAttr("src");
+					$("#img"+i).attr("src","/skin/tg2011/images/clients_"+i+".gif");
+					}
+				//----Popfc
+				function ClosePop(i){
+					$("#Pop"+i).fadeOut("normal")}
+				$(function() {
+            $("div[name='divClick']").click(function() {
+				if ($(this).attr('class')=='item1')
+				{
+                var showDiv = $("#Pop1");   //得到层对象
+				}
+				if ($(this).attr('class')=='item2')
+				{
+                var showDiv = $("#Pop2");   //得到层对象
+				}
+				if ($(this).attr('class')=='item3')
+				{
+                var showDiv = $("#Pop3");   //得到层对象
+				}
+				if ($(this).attr('class')=='item4')
+				{
+                var showDiv = $("#Pop4");   //得到层对象
+				}
+                var divName = showDiv.attr('name');   //得到这个层的name
+                if (showDiv.is(":hidden")) {     //判断层是否隐藏
+                    $("div[name='" + divName + "']").hide("normal");
+                    showDiv.fadeIn("normal");              //true：显示
+                    $('body').one('click', function() {    //给BODY绑定一次性点击事件
+                        showDiv.fadeOut("normal");                    //点击BODY显示层
+                    });
+                    return false;                           //返回
+                }
+                else {
+                    showDiv.hide();                   //false:显示层
+                    $('body').one('click', function() {    //给BODY绑定一次性点击事件
+                        showDiv.fadeOut("normal");                    //点击BODY显示层
+                    });
+                    return false;                           //返回
+                }
+            });
+            $("div[name='PopBox']").click(function() {     //点击显示部分不隐藏
+                return false;
+            });
+        });
+		</script>
+</div>
+    </td>
    </tr>
    <tr>
@@ Line 123: / Line 255: @@
    </tr>
 </table>
 <div id="flash">
     	<div id="flashBg">
@@ Line 228: / Line 362: @@
                  }
                  else {
                      showDiv.hide();                   //false:显示层
                      $('body').one('click', function() {    //给BODY绑定一次性点击事件
@@ Line 245: / Line 380: @@
 </div>
 </body>
 </html>