File:Shome9.jpg

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
 
(One intermediate revision not shown)
Line 1: Line 1:
-
<html>
 
-
<head>
 
-
<style type="text/css">
 
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
-
<html xmlns="http://www.w3.org/1999/xhtml">
 
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<title>无标题文档</title>
 
-
<style type="text/css">
 
-
 
-
#navigation{position:absolute;left:0px;top:0px;width:100%;height:80px;border-top:8px solid #0CC;} /*顶部  导航  一框*/
 
-
#picture{position:absolute;left:0px;top:80px;width:100%;height:510px;border-top:10px solid #0CC;} /*图片集  二框*/
 
-
#domain{position:absolute;left:0px;top:600px;width:100%;height:300px;border:1px solid black;} /*domain  三框*/
 
-
#sponser{position:absolute;left:0px;top:900px;width:100%;height:350px;border-top:10px solid #0CC;background-color:#6CF} /*赞助  四框*/
 
-
 
-
#ks{position:absolute;left:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*ks  domain  三框内*/
 
-
#at{position:absolute;left:33%;top:0px;width:34%;height:300px;border:1px solid black;text-align:center;} /*at  domain  三框内*/
 
-
#acp{position:absolute;right:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*acp domain  三框内*/
 
-
 
-
 
-
 
-
/*一框*/
 
-
.home{position:absolute;left:250px;top:0px;width:100px;height:auto;} /*导航*/
 
-
.parts{position:absolute;left:350px;top:0px;width:100px;height:auto;}
 
-
.attribution{position:absolute;left:450px;top:0px;width:100px;height:auto;}
 
-
.team{position:absolute;left:550px;top:0px;width:100px;height:auto;}
 
-
.notebook{position:absolute;left:650px;top:0px;width:100px;height:auto;}
 
-
.project{position:absolute;left:750px;top:0px;width:100px;height:auto;}
 
-
.human{position:absolute;left:850px;top:0px;width:100px;height:auto;}
 
-
.model{position:absolute;left:950px;top:0px;width:100px;height:auto;}
 
-
 
-
 
-
 
-
/*二框*/
 
-
.transhome{position:absolute;left:0px;top:0px;width:100%;height:auto;} /*HOME  透明框  二框内*/
 
-
.transhome2{position:absolute;left:150px;bottom:10px;width:80%;height:auto;} /*蓝 透明框  二框内*/
 
-
 
-
 
-
 
-
 
-
/*三框*/
 
-
.picks{width:350px;height:70px;} /*domain  框图*/
 
-
.picat{width:350px;height:70px;}
 
-
.picacp{width:350px;height:70px;}
 
-
 
-
 
-
.textks{font-family:Arial, Helvetica, sans-serif;font-size:24px;} /*domian 介绍*/
 
-
.textat{font-family:Arial, Helvetica, sans-serif;font-size:60px;}
 
-
.textacp{font-family:Arial, Helvetica, sans-serif;font-size:60px;}
 
-
 
-
 
-
 
-
/*四框*/
 
-
.spopic1{position:absolute;left:0px;top:0px;width:20%;height:120px;} /*赞助  logo*/
 
-
.spopic2{position:absolute;left:20%;top:0px;width:20%;height:120px;}
 
-
.spopic3{position:absolute;left:40%;top:0px;width:20%;height:120px;}
 
-
.spopic4{position:absolute;left:60%;top:0px;width:20%;height:120px;}
 
-
.spopic5{position:absolute;left:80%;top:0px;width:20%;height:120px;}
 
-
 
-
.intro1{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} /*赞助介绍*/
 
-
.intro2{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 
-
.intro3{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 
-
.intro4{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 
-
.intro5{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 
-
</style>
 
-
 
-
 
-
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
 
-
</script>
 
-
 
-
<script>
 
-
$(document).ready(function(){
 
-
$(".intro1,.intro2,.intro3,.intro4,.intro5").hide();
 
-
});
 
-
 
-
$(document).ready(function(){
 
-
$(".spopic1").mouseover(function(){
 
-
$(".intro1").fadeIn("solw");
 
-
});
 
-
});
 
-
 
-
 
-
</script>
 
-
</head>
 
-
 
-
<body>
 
-
 
-
<!--一框-->
 
-
<div id="navigation">
 
-
<img class="home" src="image/1.png" />
 
-
<img class="parts" src="image/2.png" />
 
-
<img class="attribution" src="image/3.png" />
 
-
<img class="team" src="image/4.png" />
 
-
<img class="notebook" src="image/5.png" />
 
-
<img class="project" src="image/6.png" />
 
-
<img class="human" src="image/8(1).png" />
 
-
<img class="model" src="image/7.png" />
 
-
</div> <!--一框  完-->
 
-
 
-
 
-
<!--二框-->
 
-
<div id="picture">
 
-
 
-
 
-
<img class="transhome" src="image/1-01 (2).png" />
 
-
<img class="transhome2" src="image/4-001.png" />
 
-
</div> <!--二框  完-->
 
-
 
-
<!--三框-->
 
-
<div id="domain">
 
-
 
-
<div id="ks">
 
-
<img class="picks" src="image/05.png" />
 
-
<p class="textks">
 
-
KS
 
-
</p>
 
-
</div>
 
-
 
-
<div id="at">
 
-
<img class="picat" src="image/60.png" />
 
-
<p class="textat">
 
-
AT
 
-
</p>
 
-
</div>
 
-
 
-
<div id="acp">
 
-
<img class="picacp" src="image/70.png" />
 
-
<p class="textacp">
 
-
ACP
 
-
</p>
 
-
</div>
 
-
 
-
</div> <!--三框  完-->
 
-
 
-
<!--四框-->
 
-
<div id="sponser">
 
-
 
-
<a href="http://bswyqs.cn.china.cn/">
 
-
<img class="spopic1" src="image/dongsheng.jpg" />
 
-
</a>
 
-
 
-
<a href="http://genewizsz.bioon.com.cn/">
 
-
<img class="spopic2" src="image/QQ图片20140922230123.jpg" />
 
-
</a>
 
-
 
-
<a href="http://generay.com.cn/">
 
-
<img class="spopic3" src="image/LOGO-带TM,清晰.jpg" />
 
-
</a>
 
-
 
-
<a href="http://www.transgen.com.cn/">
 
-
<img class="spopic4" src="image/QQ图片20140922230400.jpg" />
 
-
</a>
 
-
 
-
<div class="intro1">
 
-
</div>
 
-
 
-
<div class="intro2">
 
-
</div>
 
-
 
-
<div class="intro3">
 
-
</div>
 
-
 
-
<div class="intro4">
 
-
</div>
 
-
 
-
<div class="intro5">
 
-
</div>
 
-
</div> <!--四框  完-->
 
-
</body>
 
-
</html>
 
-
 
-
 
-
 
-
 
-
#navigation{position:absolute;left:0px;top:0px;width:100%;height:80px;border-top:8px solid #0CC;} /*顶部  导航  一框*/
 
-
#picture{position:absolute;left:0px;top:80px;width:100%;height:510px;border-top:10px solid #0CC;} /*图片集  二框*/
 
-
#domain{position:absolute;left:0px;top:600px;width:100%;height:300px;border:1px solid black;} /*domain  三框*/
 
-
#sponser{position:absolute;left:0px;top:900px;width:100%;height:350px;border-top:10px solid #0CC;background-color:#6CF} /*赞助  四框*/
 
-
 
-
#ks{position:absolute;left:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*ks  domain  三框内*/
 
-
#at{position:absolute;left:33%;top:0px;width:34%;height:300px;border:1px solid black;text-align:center;} /*at  domain  三框内*/
 
-
#acp{position:absolute;right:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*acp domain  三框内*/
 
-
 
-
 
-
 
-
/*一框*/
 
-
.home{position:absolute;left:250px;top:0px;width:100px;height:auto;} /*导航*/
 
-
.parts{position:absolute;left:350px;top:0px;width:100px;height:auto;}
 
-
.attribution{position:absolute;left:450px;top:0px;width:100px;height:auto;}
 
-
.team{position:absolute;left:550px;top:0px;width:100px;height:auto;}
 
-
.notebook{position:absolute;left:650px;top:0px;width:100px;height:auto;}
 
-
.project{position:absolute;left:750px;top:0px;width:100px;height:auto;}
 
-
.human{position:absolute;left:850px;top:0px;width:100px;height:auto;}
 
-
.model{position:absolute;left:950px;top:0px;width:100px;height:auto;}
 
-
 
-
 
-
 
-
/*二框*/
 
-
.transhome{position:absolute;left:0px;top:0px;width:100%;height:auto;} /*HOME  透明框  二框内*/
 
-
.transhome2{position:absolute;left:150px;bottom:10px;width:80%;height:auto;} /*蓝 透明框  二框内*/
 
-
 
-
 
-
 
-
 
-
/*三框*/
 
-
.picks{width:350px;height:70px;} /*domain  框图*/
 
-
.picat{width:350px;height:70px;}
 
-
.picacp{width:350px;height:70px;}
 
-
 
-
 
-
.textks{font-family:Arial, Helvetica, sans-serif;font-size:24px;} /*domian 介绍*/
 
-
.textat{font-family:Arial, Helvetica, sans-serif;font-size:60px;}
 
-
.textacp{font-family:Arial, Helvetica, sans-serif;font-size:60px;}
 
-
 
-
 
-
 
-
/*四框*/
 
-
.spopic1{position:absolute;left:0px;top:0px;width:20%;height:120px;} /*赞助  logo*/
 
-
.spopic2{position:absolute;left:20%;top:0px;width:20%;height:120px;}
 
-
.spopic3{position:absolute;left:40%;top:0px;width:20%;height:120px;}
 
-
.spopic4{position:absolute;left:60%;top:0px;width:20%;height:120px;}
 
-
.spopic5{position:absolute;left:80%;top:0px;width:20%;height:120px;}
 
-
 
-
.intro1{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} /*赞助介绍*/
 
-
.intro2{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 
-
.intro3{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 
-
.intro4{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 
-
.intro5{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 
-
</style>
 
-
 
-
 
-
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
 
-
</script>
 
-
 
-
<script>
 
-
$(document).ready(function(){
 
-
$(".intro1,.intro2,.intro3,.intro4,.intro5").hide();
 
-
});
 
-
 
-
$(document).ready(function(){
 
-
$(".spopic1").mouseover(function(){
 
-
$(".intro1").fadeIn("solw");
 
-
});
 
-
});
 
-
 
-
 
-
</script>
 
-
</head>
 
-
 
-
<body>
 
-
 
-
<!--一框-->
 
-
<div id="navigation">
 
-
<img class="home" src="image/1.png" />
 
-
<img class="parts" src="image/2.png" />
 
-
<img class="attribution" src="image/3.png" />
 
-
<img class="team" src="image/4.png" />
 
-
<img class="notebook" src="image/5.png" />
 
-
<img class="project" src="image/6.png" />
 
-
<img class="human" src="image/8(1).png" />
 
-
<img class="model" src="image/7.png" />
 
-
</div> <!--一框  完-->
 
-
 
-
 
-
<!--二框-->
 
-
<div id="picture">
 
-
 
-
 
-
<img class="transhome" src="image/1-01 (2).png" />
 
-
<img class="transhome2" src="image/4-001.png" />
 
-
</div> <!--二框  完-->
 
-
 
-
<!--三框-->
 
-
<div id="domain">
 
-
 
-
<div id="ks">
 
-
<img class="picks" src="image/05.png" />
 
-
<p class="textks">
 
-
KS
 
-
</p>
 
-
</div>
 
-
 
-
<div id="at">
 
-
<img class="picat" src="image/60.png" />
 
-
<p class="textat">
 
-
AT
 
-
</p>
 
-
</div>
 
-
 
-
<div id="acp">
 
-
<img class="picacp" src="image/70.png" />
 
-
<p class="textacp">
 
-
ACP
 
-
</p>
 
-
</div>
 
-
 
-
</div> <!--三框  完-->
 
-
 
-
<!--四框-->
 
-
<div id="sponser">
 
-
 
-
<a href="http://bswyqs.cn.china.cn/">
 
-
<img class="spopic1" src="image/dongsheng.jpg" />
 
-
</a>
 
-
 
-
<a href="http://genewizsz.bioon.com.cn/">
 
-
<img class="spopic2" src="image/QQ图片20140922230123.jpg" />
 
-
</a>
 
-
 
-
<a href="http://generay.com.cn/">
 
-
<img class="spopic3" src="image/LOGO-带TM,清晰.jpg" />
 
-
</a>
 
-
 
-
<a href="http://www.transgen.com.cn/">
 
-
<img class="spopic4" src="image/QQ图片20140922230400.jpg" />
 
-
</a>
 
-
 
-
<div class="intro1">
 
-
</div>
 
-
 
-
<div class="intro2">
 
-
</div>
 
-
 
-
<div class="intro3">
 
-
</div>
 
-
 
-
<div class="intro4">
 
-
</div>
 
-
 
-
<div class="intro5">
 
-
</div>
 
-
</div> <!--四框  完-->
 
-
</body>
 
-
</html>
 

Latest revision as of 08:02, 6 October 2014

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeThumbnailDimensionsUserComment
current07:51, 6 October 2014Thumbnail for version as of 07:51, 6 October 20142,732×1,100 (1.53 MB)Xuan303 (Talk | contribs)

There are no pages that link to this file.

Metadata