Team:Peking R/test

From 2011.igem.org

(Difference between revisions)
 
(41 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}}
-
{{https://2011.igem.org/Team:Peking_R/mainpagebanner}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
{{https://2011.igem.org/Team:Peking_R/titleflash}}
+
<head>
-
{{https://2011.igem.org/Team:Peking_R/flash2}}
+
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-
{{https://2011.igem.org/Team:Peking_R/ribowbond}}
+
<meta name="keywords" content="" />
-
{{https://2011.igem.org/Team:Peking_R/colorfulinstructor}}
+
<meta name="description" content="" />
-
{{https://2011.igem.org/Team:Peking_R/flash}}
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
-
{{https://2011.igem.org/Team:Peking_R/flash3}}
+
<title>Peking</title>
-
<img src="https://static.igem.org/mediawiki/2011/7/78/PekingR_biosafety2.2.png" width="225" height="34" />
+
<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>
-
<img src="https://static.igem.org/mediawiki/2011/7/7a/PekingR_gallery2.2.png" width="324" height="34" />
+
</head>
-
<img src="https://static.igem.org/mediawiki/2011/f/fa/PekingR_humanpractice2.2.png" width="220" height="34" />
+
<body>
-
<img src="https://static.igem.org/mediawiki/2011/f/fc/PekingR_parts2.2.png" width="325" height="34" />
+
<table width="968" border="0" cellspacing="0" cellpadding="0">
-
<img src="https://static.igem.org/mediawiki/2011/7/7b/PekingR_project_smallbanner2.2.png" width="818" height="34" />
+
  <tr>
-
<img src="https://static.igem.org/mediawiki/2011/c/c1/PekingR_team_smallbanner2.2.png" width="466" height="34" />
+
    <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>
-
<img src="https://static.igem.org/mediawiki/2011/5/50/PekinpekingR_acknowledgement_smallbanner2.2.png" width="818" height="34" />
+
  </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 Peking 无标题文档

Retrieved from "http://2011.igem.org/Team:Peking_R/test"