Team:Peking R/test

From 2011.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 22: Line 22:
left:0px;
left:0px;
top:126px;
top:126px;
-
width:970px;
+
width:968px;
height:381px;
height:381px;
z-index:1;
z-index:1;
Line 28: Line 28:
#apDiv2 {
#apDiv2 {
position:absolute;
position:absolute;
-
left:5px;
+
left:1276px;
-
top:550px;
+
top:683px;
width:644px;
width:644px;
height:300px;
height:300px;
Line 38: Line 38:
#apDiv3 {
#apDiv3 {
position:absolute;
position:absolute;
-
left:648px;
+
left:1066px;
-
top:550px;
+
top:574px;
width:322px;
width:322px;
height:300px;
height:300px;
Line 48: Line 48:
#apDiv4 {
#apDiv4 {
position:absolute;
position:absolute;
-
left:5px;
+
left:1149px;
-
top:855px;
+
top:1059px;
width:240px;
width:240px;
height:300px;
height:300px;
Line 57: Line 57:
#apDiv5 {
#apDiv5 {
position:absolute;
position:absolute;
-
left:245px;
+
left:1297px;
-
top:855px;
+
top:1060px;
width:240px;
width:240px;
height:300px;
height:300px;
Line 66: Line 66:
#apDiv6 {
#apDiv6 {
position:absolute;
position:absolute;
-
left:485px;
+
left:1244px;
-
top:855px;
+
top:1055px;
width:240px;
width:240px;
height:300px;
height:300px;
Line 75: Line 75:
#apDiv7 {
#apDiv7 {
position:absolute;
position:absolute;
-
left:725px;
+
left:1172px;
-
top:855px;
+
top:975px;
width:240px;
width:240px;
height:300px;
height:300px;
Line 84: Line 84:
#apDiv8 {
#apDiv8 {
position:absolute;
position:absolute;
-
left:5px;
+
left:1167px;
-
top:1160px;
+
top:1262px;
width:960px;
width:960px;
height:200px;
height:200px;
Line 96: Line 96:
<body>
<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="apDiv2"></div>
 
-
<div id="apDiv3"></div>
 
-
<div id="apDiv4"></div>
 
-
<div id="apDiv5"></div>
 
-
<div id="apDiv6"></div>
 
-
<div id="apDiv7"></div>
 
-
<div id="apDiv8"></div>
 
-
<img src="../../peking-R sheddow.png" width="323" height="108" />
 
<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 href="http://www.lingyou.net" target="_blank"  id="flash1" style="display:block; " >
+
                </a>
-
<img src="images/flash.gif" width="970
+
-
        px" height="381px" />
+
-
</a>
+
<a href="#" target="_blank"  id="flash2" style="display:none; " >
<a href="#" target="_blank"  id="flash2" style="display:none; " >
-
<img src="images/flash.gif" width="970px" height="381px" />
+
<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="images/flash.gif" width="970px" height="381px" />
+
<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="970px" height="381px" />
+
<img src="file/20110623100121.jpg" width="968px" height="381px" />
</a>
</a>
  <div class="flash_bar">
  <div class="flash_bar">
Line 128: 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>
   </div>
          
          
-
      <script type="text/javascript">  
+
  <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 213: Line 362:
                 }   
                 }   
                 else {   
                 else {   
 +
                     showDiv.hide();                  //false:显示层   
                     showDiv.hide();                  //false:显示层   
                     $('body').one('click', function() {    //给BODY绑定一次性点击事件   
                     $('body').one('click', function() {    //给BODY绑定一次性点击事件   
Line 230: Line 380:
</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 Peking 无标题文档

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