Team:Peking R/test
From 2011.igem.org
(Difference between revisions)
KeyboardKen (Talk | contribs) |
Grasscliff (Talk | contribs) |
||
(11 intermediate revisions not shown) | |||
Line 9: | Line 9: | ||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> | ||
<title>Peking</title> | <title>Peking</title> | ||
- | <script type="text/javascript" src=" | + | <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> |
- | <script type="text/javascript" src=" | + | <script type="text/javascript" src="js/Nav_js.js"></script> |
- | <script type="text/javascript" src=" | + | <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; | |
- | body { | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #apDiv1 { | |
- | # | + | position:absolute; |
- | + | left:0px; | |
- | + | top:126px; | |
- | + | width:968px; | |
- | + | height:381px; | |
- | width: | + | z-index:1; |
- | height: | + | |
- | + | ||
- | + | ||
} | } | ||
- | # | + | #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; | |
- | + | ||
- | width: | + | |
- | height: | + | |
- | + | ||
- | background-image:url( | + | |
} | } | ||
- | + | #apDiv3 { | |
- | + | position:absolute; | |
- | + | left:1066px; | |
- | + | top:574px; | |
- | + | width:322px; | |
- | + | height:300px; | |
- | + | z-index:0; | |
- | + | background-color: #EEEDED; | |
- | background-image:url( | + | 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> | </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="flash"> | ||
<div id="flashBg"> | <div id="flashBg"> | ||
<div id="flashLine"> | <div id="flashLine"> | ||
- | <div id="flash"> | + | <div id="flash"><a href="http://www.lingyou.net" target="_blank" style="display:block; " > |
- | + | </a> | |
- | + | ||
- | + | ||
<a href="#" target="_blank" id="flash2" style="display:none; " > | <a href="#" target="_blank" id="flash2" style="display:none; " > | ||
- | <img src=" | + | <img src="images/flash.gif" width="968px" height="381px" /> |
</a> | </a> | ||
<a href="#" target="_blank" id="flash3" style="display:none; " > | <a href="#" target="_blank" id="flash3" style="display:none; " > | ||
- | <img src=" | + | <img src="images/flash.gif" width="968px" height="381px" /> |
</a> | </a> | ||
<a href="http://www.lingyou.net/" target="_blank" id="flash4" style="display:none; " > | <a href="http://www.lingyou.net/" target="_blank" id="flash4" style="display:none; " > | ||
- | <img src="file/20110623100121.jpg" width=" | + | <img src="file/20110623100121.jpg" width="968px" height="381px" /> |
</a> | </a> | ||
<div class="flash_bar"> | <div class="flash_bar"> | ||
Line 147: | Line 277: | ||
<div class="no" id="f4" onclick="changeflash(4)"></div> | <div class="no" id="f4" onclick="changeflash(4)"></div> | ||
</div> | </div> | ||
- | + | </div> | |
</div> | </div> | ||
</div> | </div> | ||
- | + | <script type="text/javascript"> | |
$(document).ready(function(){ | $(document).ready(function(){ | ||
$(".item1").hover(function(){$("#tit_fc1").slideDown("normal"); }, function() {$("#tit_fc1").slideUp("fast");}); | $(".item1").hover(function(){$("#tit_fc1").slideDown("normal"); }, function() {$("#tit_fc1").slideUp("fast");}); | ||
Line 232: | Line 362: | ||
} | } | ||
else { | else { | ||
+ | |||
showDiv.hide(); //false:显示层 | showDiv.hide(); //false:显示层 | ||
$('body').one('click', function() { //给BODY绑定一次性点击事件 | $('body').one('click', function() { //给BODY绑定一次性点击事件 | ||
Line 242: | Line 373: | ||
$("div[name='PopBox']").click(function() { //点击显示部分不隐藏 | $("div[name='PopBox']").click(function() { //点击显示部分不隐藏 | ||
return false; | return false; | ||
- | |||
}); | }); | ||
}); | }); | ||
Line 249: | Line 379: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</body> | </body> | ||
</html> | </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