Team:Peking R/test
From 2011.igem.org
(Difference between revisions)
Grasscliff (Talk | contribs) |
Grasscliff (Talk | contribs) |
||
(31 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
{{https://2011.igem.org/Team:Peking_R/bannerhidden}} | {{https://2011.igem.org/Team:Peking_R/bannerhidden}} | ||
{{https://2011.igem.org/Team:Peking_R/back2}} | {{https://2011.igem.org/Team:Peking_R/back2}} | ||
- | + | <html xmlns="http://www.w3.org/1999/xhtml"> | |
- | + | <head> | |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> | |
- | + | <meta name="keywords" content="" /> | |
- | { | + | <meta name="description" content="" /> |
- | { | + | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> |
- | { | + | <title>Peking</title> |
- | { | + | <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> |
- | { | + | <script type="text/javascript" src="js/Nav_js.js"></script> |
- | { | + | <script type="text/javascript" src="js/mm_menu.js"></script> |
- | { | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- | { | + | <title>无标题文档</title> |
+ | <style type="text/css"> | ||
+ | body { | ||
+ | background-color: #EEEDED; | ||
+ | } | ||
+ | #apDiv1 { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:126px; | ||
+ | width:968px; | ||
+ | height:381px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | #apDiv2 { | ||
+ | position:absolute; | ||
+ | left:1276px; | ||
+ | top:683px; | ||
+ | width:644px; | ||
+ | height:300px; | ||
+ | z-index:0; | ||
+ | background-image: url(../../mainpage%20logo/PekingR%20project3.1.png); | ||
+ | color: #EEEDED; | ||
+ | } | ||
+ | #apDiv3 { | ||
+ | position:absolute; | ||
+ | left:1066px; | ||
+ | top:574px; | ||
+ | width:322px; | ||
+ | height:300px; | ||
+ | z-index:0; | ||
+ | background-color: #EEEDED; | ||
+ | background-image: url(../../mainpage%20logo/PekingR%20team3.1.png); | ||
+ | } | ||
+ | #apDiv4 { | ||
+ | position:absolute; | ||
+ | left:1149px; | ||
+ | top:1059px; | ||
+ | width:240px; | ||
+ | height:300px; | ||
+ | z-index:1; | ||
+ | background-image: url(../../mainpage%20logo/pekingR%20logos%20parts%203.1.png); | ||
+ | } | ||
+ | #apDiv5 { | ||
+ | position:absolute; | ||
+ | left:1297px; | ||
+ | top:1060px; | ||
+ | width:240px; | ||
+ | height:300px; | ||
+ | z-index:2; | ||
+ | background-image: url(../../mainpage%20logo/pekingR%20logos%20humanpractice3.1.png); | ||
+ | } | ||
+ | #apDiv6 { | ||
+ | position:absolute; | ||
+ | left:1244px; | ||
+ | top:1055px; | ||
+ | width:240px; | ||
+ | height:300px; | ||
+ | z-index:3; | ||
+ | background-image: url(../../mainpage%20logo/pekingR%20biosafety%203.1.png); | ||
+ | } | ||
+ | #apDiv7 { | ||
+ | position:absolute; | ||
+ | left:1172px; | ||
+ | top:975px; | ||
+ | width:240px; | ||
+ | height:300px; | ||
+ | z-index:4; | ||
+ | background-image: url(../../mainpage%20logo/pekingR%20gallery%203.1.png); | ||
+ | } | ||
+ | #apDiv8 { | ||
+ | position:absolute; | ||
+ | left:1167px; | ||
+ | top:1262px; | ||
+ | width:960px; | ||
+ | height:200px; | ||
+ | z-index:5; | ||
+ | background-image: url(../../mainpage%20logo/PekingR%20acknowledgement3.1.png); | ||
+ | } | ||
+ | </style> | ||
- | + | </head> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <body> | ||
+ | <table width="968" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <th colspan="7" align="left" bgcolor="#EEEDED" scope="col"><img src="https://static.igem.org/mediawiki/2011/1/17/Peking-R_sheddow.png" width="323" height="108" /></th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td width="49" height="36"><a href="#"><img src="https://static.igem.org/mediawiki/2011/4/42/PekingR_nav.home2.png" width="99" height="36" border="0" onmouseover="this.src='https://static.igem.org/mediawiki/2011/7/7c/PekingR.nav.home-over.gif'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/4/42/PekingR_nav.home2.png'" /></a></td> | ||
+ | <td width="50"><a href="#" id="link1" name="link1" onmouseover="MM_showMenu(window.mm_menu_0519103856_0,10,37,null,'image1')" onmouseout="MM_startTimeout();"><img src="https://static.igem.org/mediawiki/2011/d/d8/PekingR_nav._team.jpg" id="image1" name="image1" width="101" height="36" border="0" onmouseover="this.src='https://static.igem.org/mediawiki/2011/3/3c/PekingR_nav._team-over2.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/d/d8/PekingR_nav._team.jpg'" /></a></td> | ||
+ | <td width="99"><a href="#" id="link2" name="link2" onmouseover="MM_showMenu(window.mm_menu_0519110032_0,10,37,null,'image2')" onmouseout="MM_startTimeout();"><img id="image2" name="image2" src="https://static.igem.org/mediawiki/2011/9/9e/PekingR_nav._project-2.gif" width="105" height="36" border="0" onmouseover="this.src='https://static.igem.org/mediawiki/2011/6/6d/PekingR_nav._project-2-over.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/9/9e/PekingR_nav._project-2.gif'"/></a></td> | ||
+ | <td width="99"><a href="#"><img src="https://static.igem.org/mediawiki/2011/0/0b/PekingR_nav._datapage.png" width="134" height="36" border="0" onmouseover="this.src='https://static.igem.org/mediawiki/2011/5/5f/PekingR_nav.datapage-over.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/0/0b/PekingR_nav._datapage.png'"/></a></td> | ||
+ | <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="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"> | ||
+ | |||
+ | |||
+ | |||
+ | <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> | ||
+ | <td colspan="7" bgcolor="#EEEDED"><img src="https://static.igem.org/mediawiki/2011/9/94/PekingR_project3.png" width="644" height="300" /><img src="https://static.igem.org/mediawiki/2011/f/f2/PekingR_team3.png" width="322" height="300" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="7" bgcolor="#EEEDED"><img src="https://static.igem.org/mediawiki/2011/3/3c/PekingR_parts3.png" width="240" height="300" /><img src="https://static.igem.org/mediawiki/2011/2/27/PekingR_humanpractice3.png" width="240" height="300" /><img src="https://static.igem.org/mediawiki/2011/c/c7/PekingR_gallery3.png" width="240" height="300" /><img src="https://static.igem.org/mediawiki/2011/e/e6/PekingR_logo_biosafety3.png" width="240" height="300" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="7" bgcolor="#EEEDED"><img src="https://static.igem.org/mediawiki/2011/d/d1/PekingR_acknowledgement3.png" width="960" height="200" /></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | + | ||
- | < | + | </body> |
- | < | + | </html> |
- | + | ||
- | + |
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