Team:Peking R/test

From 2011.igem.org

(Difference between revisions)
(Replaced content with "__NOTOC__ {{https://2011.igem.org/Team:Peking_R/bannerhidden}} {{https://2011.igem.org/Team:Peking_R/back2}}")
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:970px;
 +
height:381px;
 +
z-index:1;
 +
}
 +
#apDiv2 {
 +
position:absolute;
 +
left:5px;
 +
top:550px;
 +
width:644px;
 +
height:300px;
 +
z-index:0;
 +
background-image: url(../../mainpage%20logo/PekingR%20project3.1.png);
 +
color: #EEEDED;
 +
}
 +
#apDiv3 {
 +
position:absolute;
 +
left:648px;
 +
top:550px;
 +
width:322px;
 +
height:300px;
 +
z-index:0;
 +
background-color: #EEEDED;
 +
background-image: url(../../mainpage%20logo/PekingR%20team3.1.png);
 +
}
 +
#apDiv4 {
 +
position:absolute;
 +
left:5px;
 +
top:855px;
 +
width:240px;
 +
height:300px;
 +
z-index:1;
 +
background-image: url(../../mainpage%20logo/pekingR%20logos%20parts%203.1.png);
 +
}
 +
#apDiv5 {
 +
position:absolute;
 +
left:245px;
 +
top:855px;
 +
width:240px;
 +
height:300px;
 +
z-index:2;
 +
background-image: url(../../mainpage%20logo/pekingR%20logos%20humanpractice3.1.png);
 +
}
 +
#apDiv6 {
 +
position:absolute;
 +
left:485px;
 +
top:855px;
 +
width:240px;
 +
height:300px;
 +
z-index:3;
 +
background-image: url(../../mainpage%20logo/pekingR%20biosafety%203.1.png);
 +
}
 +
#apDiv7 {
 +
position:absolute;
 +
left:725px;
 +
top:855px;
 +
width:240px;
 +
height:300px;
 +
z-index:4;
 +
background-image: url(../../mainpage%20logo/pekingR%20gallery%203.1.png);
 +
}
 +
#apDiv8 {
 +
position:absolute;
 +
left:5px;
 +
top:1160px;
 +
width:960px;
 +
height:200px;
 +
z-index:5;
 +
background-image: url(../../mainpage%20logo/PekingR%20acknowledgement3.1.png);
 +
}
 +
</style>
 +
 +
</head>
 +
 +
<body>
 +
 +
<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="flashBg">
 +
<div id="flashLine">
 +
<div id="flash">
 +
<a href="http://www.lingyou.net" target="_blank"  id="flash1" style="display:block; " >
 +
<img src="images/flash.gif" width="970
 +
        px" height="381px" />
 +
</a>
 +
<a href="#" target="_blank"  id="flash2" style="display:none; " >
 +
<img src="images/flash.gif" width="970px" height="381px" />
 +
</a>
 +
<a href="#" target="_blank"  id="flash3" style="display:none; " >
 +
<img src="images/flash.gif" width="970px" height="381px" />
 +
</a>
 +
<a href="http://www.lingyou.net/" target="_blank"  id="flash4" style="display:none; " >
 +
<img src="file/20110623100121.jpg" width="970px" 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>

Revision as of 12:33, 4 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"