|
|
| Line 1: |
Line 1: |
| | {{:Team：HZAU-China/background-head}} | | {{:Team：HZAU-China/background-head}} |
| | + | |
| | <html> | | <html> |
| | <b> | | <b> |
| - | <p style=" text-align: center;"><a ><img src="https://static.igem.org/mediawiki/2013/9/9f/Comic_lab_1.jpg"></a></p> | + | <p style=" float: left;"><a ><img src="https://static.igem.org/mediawiki/2013/9/9f/Comic_lab_1.jpg"></a></p> |
| | </b> | | </b> |
| | </html> | | </html> |
| | <!--- 实验流程图 ---> | | <!--- 实验流程图 ---> |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <html>
| |
| - | <head>
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| - | <title>jquery动态导航菜单效果</title>
| |
| - | <style type="text/css" media="screen">
| |
| - | body{
| |
| - |
| |
| - | }
| |
| - | a{ color:#FFCC00;}
| |
| - | #menuBar{
| |
| - | overflow:hidden;
| |
| - | width:870px;
| |
| - | height:250px;
| |
| - |
| |
| - | margin:0 auto;
| |
| - | border:0px solid #111;
| |
| - | }
| |
| - |
| |
| - | #menuBar ul{
| |
| - | width:916px;
| |
| - | margin:0 auto;
| |
| - | list-style-type: none;
| |
| - | }
| |
| - | #menuBar ul li{
| |
| - | float:left;
| |
| - | padding-right:59px;
| |
| - | }
| |
| - |
| |
| - | #menuBar a{
| |
| - | width:170px;
| |
| - | height:170px;
| |
| - | display:block;
| |
| - | background: transparent url(https://static.igem.org/mediawiki/2013/6/64/%E6%8C%89%E9%92%AE%E6%B5%85.jpg) no-repeat scroll ;
| |
| - | padding-top:250px;
| |
| - |
| |
| - | color:#000;
| |
| - | font-family: Arial, "MS Trebuchet", sans-serif;
| |
| - | text-decoration: none;
| |
| - | font-size:20pt;
| |
| - | font-weight:bold;
| |
| - | outline:none;
| |
| - | }
| |
| - | #menuBar a:hover{
| |
| - | background-image:url(https://static.igem.org/mediawiki/2013/7/7c/%E6%8C%89%E9%92%AE%E6%B7%B1.jpg);
| |
| - | }
| |
| - | #menuBar a#Home{
| |
| - | background-position:-00px top;
| |
| - | }
| |
| - | #menuBar a#About{
| |
| - | background-position:-229px top;
| |
| - | }
| |
| - | #menuBar a#Gallery{
| |
| - | background-position:-458px top;
| |
| - | }
| |
| - | #menuBar a#Contact{
| |
| - | background-position:-687px top;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - | <body>
| |
| - | <div id="menuBar">
| |
| - | <ul>
| |
| - | <li><a href="#" id="Home">Achievement</a></li>
| |
| - | <li><a href="#" id="About">Safety</a></li>
| |
| - | <li><a href="#" id="Gallery">Human practice</a></li>
| |
| - | <li><a href="#" id="Contact">Project</a></li>
| |
| - |
| |
| - | </ul>
| |
| - | </div><br />
| |
| - |
| |
| - | </body>
| |
| - | <script type="text/javascript" src="/ajaxjs/jquery-1.7.2.min.js"></script>
| |
| - | <script type="text/javascript" charset="utf-8">
| |
| - | $(document).ready(function() {
| |
| - | $("a").mouseover(function(){
| |
| - | var selected = "#"+$(this).attr("id");
| |
| - | $(selected).animate({paddingTop:"185px"}, 100);
| |
| - | }).mouseout(function(){
| |
| - | var selected = "#"+$(this).attr("id");
| |
| - | $(selected).animate({paddingTop:"260px"}, 100);
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - | </body>
| |
| - | </html>
| |
| | | | |
| | | | |
| | {{:Team：HZAU-China/background-footer}} | | {{:Team：HZAU-China/background-footer}} |
| | <br/> | | <br/> |
"
