|
|
(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>
| |