Team:LZU-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
+
菜单功能制作下拉效果
-
<html>
+
<title>无标题文档</title>
-
<head>
+
<style type="text/css">
<style type="text/css">
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
#nav ul{
 +
  list-style-type:none;
 +
  float:left;
 +
        }
 +
#nav a{
 +
display:block;
 +
width:80px;
 +
}
 +
#nav{
 +
margin:0;
 +
padding:0;}  
-
.firstHeading {
+
#nav li{
-
width: 975px;
+
float:left;
-
margin: 0px auto;
+
text-align:center;
-
padding-top: 100px;
+
background:#FFFF00;
-
margin-bottom: 20px;
+
}
-
font-family: Georgia, Times, "Times New Roman", serif;
+
-
}
+
#nav li a{
-
 
+
color:#000099
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
background:#990000;
-
 
+
height:25px;
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
}
-
background-color: #383838;
+
#nav li a:hover{
-
border: 0 none;
+
color:#FF0000;
-
height: 14px;
+
background:#FFFF00;
-
z-index: 100;
+
}  
-
top: 0;
+
#nav li ul{
-
position: fixed;
+
  list-style-type:none;
-
width: 975px;
+
margin:0px;
-
left: 50%;  
+
padding:0px;
-
margin-left: -487px;
+
display:none;
-
}
+
}
-
 
+
#nav li ul li{
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
float:none;
-
background-color: #383838;
+
}  
-
height: 14px;
+
#nav li ul li a{
-
display: block;
+
width:80px;
-
z-index: 10;
+
height:25px;
-
position: fixed;
+
background:#00FF00;
-
width: 100%;
+
color:#00FFFF;
-
top: 0;
+
}
-
}
+
#nav li ul li a:hover{
-
 
+
background:#00FF00
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
color:#CCFF00
-
color: #727272;
+
}
-
text-decoration: none;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
body {
+
-
background-color: #fff;
+
-
}
+
-
 
+
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
#contentcontainer { /*-- creates container for all content on page --*/
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-weight: normal;
+
-
font-size: 14px;
+
-
color: #414141;
+
-
width: 960px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
background-color: #transparent;
+
-
margin-top: 0px;
+
-
}
+
-
 
+
-
.sidemenu, .sidemenu li {
+
-
list-style-type: none;
+
-
list-style-image: none;
+
-
font-family: verdana;
+
-
text-decoration: none;
+
-
color:#000;
+
-
font-size: 14px;
+
-
}
+
-
 
+
-
.sidemenu li {display: block;}
+
-
 
+
-
.sidemenu a {
+
-
text-decoration:none;
+
-
color: #000;
+
-
display: block;
+
-
width: 180px;
+
-
height: 100%;
+
-
padding: 3px 5px;
+
-
transition: .25s ease-in-out;
+
-
-moz-transition: .25s ease-in-out;
+
-
-webkit-transition: .25s ease-in-out;
+
-
}
+
-
 
+
-
.sidemenu a.greyout { color: #909090; }
+
-
 
+
-
.sidemenu a:hover {
+
-
color:#666;  
+
-
background-color: #d9f5aa;
+
-
}
+
-
 
+
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
-
.sub-sidemenu a {color: #666;}
+
-
 
+
-
div.underconst
+
-
{
+
-
padding:10px;
+
-
border-radius:5px;
+
-
background-color:pink;
+
-
text-align:center;
+
-
}
+
-
 
+
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
-
 
+
-
.contentpara {margin-bottom: 30px;}
+
-
 
+
-
span.email{font-family: monospace; font-weight: normal;}
+
-
 
+
-
fieldset {border: 1px solid #337f53;}
+
-
 
+
-
.greyout {color: #A0A0A0;}
+
-
.highlightme {background-color: #FFFF00;}
+
-
 
+
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
+
-
#annContainer {margin-left: 8px;}
+
-
#newsContainer {border: 1px solid #ccc;}
+
-
 
+
-
.newsTitle {
+
-
display: block;
+
-
color: #414141;
+
-
font-size: 25px;  
+
-
        font-family: Georgia, Times, "Times New Roman", serif;
+
-
padding: 10px 15px 5px 10px;
+
-
border-bottom: 1px solid #ccc;  
+
-
margin-bottom: 0px;  
+
-
}
+
-
 
+
-
.newsItem {
+
-
border-bottom: 1px solid #ccc;
+
-
display: block;
+
-
padding: 5px 15px 0px 10px;  
+
-
margin-bottom: 0px;
+
-
}
+
-
 
+
-
.newsItem h3 {
+
-
width: auto;
+
-
display: inline;
+
-
font-size: 14px;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
padding: 0px;
+
-
margin: 0px;
+
-
}
+
-
 
+
-
.newsItem img {
+
-
float: right;
+
-
clear: right;
+
-
width: 80px;
+
-
padding-left: 15px;
+
-
display: inline-block;
+
-
}
+
-
 
+
-
.newsItem .newsDate {
+
-
font-style: italic;
+
-
font-size: 14px;
+
-
display: inline-block;
+
-
color: #999;
+
-
float: right;
+
-
padding: 0px 0px 10px 15px;
+
-
}
+
-
 
+
-
.newsItem p, .newsItem ul, .newsItem li {
+
-
padding: 0px;
+
-
margin-left: 20px;
+
-
font-size: 12px;
+
-
line-height: 1.2;
+
-
}
+
-
 
+
-
.newsItem p {margin-top: 10px;}
+
-
 
+
-
.annItem {
+
-
border: 2px solid #49b677;
+
-
display: block;
+
-
padding: 0px 15px 10px 10px;
+
-
margin-bottom: 18px;
+
-
position: relative;
+
-
height: 160px;
+
-
vertical-align: middle;
+
-
}
+
-
 
+
-
.annItem .annCentered {
+
-
display: table-cell;
+
-
vertical-align: middle;
+
-
height: 160px;
+
-
}
+
-
 
+
-
.annCentered h3 {
+
-
padding: 0px;
+
-
display: block;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
text-align: center;
+
-
}
+
-
 
+
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
-
.annItem li {list-style: none; margin: 5px}
+
-
 
+
-
 
+
-
 
+
-
#apDiv1 {
+
-
position:absolute;
+
-
left:633px;
+
-
top:229px;
+
-
width:192px;
+
-
height:144px;
+
-
z-index:1;
+
-
visibility: hidden;
+
-
}
+
-
#apDiv1 { font-family: "微软雅黑";
+
-
}
+
-
#apDiv1 { font-weight: bold;
+
-
}
+
-
#apDiv10 {
+
-
position:absolute;
+
-
left:0px;
+
-
top:861px;
+
-
width:1367;
+
-
height:181px;
+
-
z-index:4;
+
-
font-family: "微软雅黑";
+
-
font-size: 16px;
+
-
visibility: visible;
+
-
}
+
-
#apDiv2 {
+
-
position:absolute;
+
-
left:855px;
+
-
top:229px;
+
-
width:97px;
+
-
height:83px;
+
-
z-index:1;
+
-
color: #FFF;
+
-
font-family: "微软雅黑";
+
-
font-size: 14pt;
+
-
visibility: hidden;
+
-
}
+
-
#apDiv3 {
+
-
position:absolute;
+
-
left:954px;
+
-
top:229px;
+
-
width:201px;
+
-
height:56px;
+
-
z-index:1;
+
-
visibility: hidden;
+
-
}
+
-
#apDiv4 {
+
-
position:absolute;
+
-
left:1px;
+
-
top:15px;
+
-
width:1366px;
+
-
height:216px;
+
-
z-index:2;
+
-
background-image: url(https://static.igem.org/mediawiki/2014/c/cc/Bakimage.jpg);
+
-
visibility: visible;
+
-
}
+
-
#apDiv5 {
+
-
position:absolute;
+
-
left:734px;
+
-
top:230px;
+
-
width:182px;
+
-
height:164px;
+
-
z-index:3;
+
-
color: #FFF;
+
-
visibility: hidden;
+
-
}
+
-
#apDiv9 {
+
-
position:absolute;
+
-
left:0;
+
-
top:207px;
+
-
width:1367px;
+
-
height:828px;
+
-
z-index:0;
+
-
background-image: url(https://static.igem.org/mediawiki/2014/e/ec/Bakt.png);
+
-
text-align: center;
+
-
font-family: "微软雅黑";
+
-
font-weight: bold;
+
-
font-size: 16px;
+
-
visibility: visible;
+
-
}
+
-
#apDiv6 {
+
-
position:absolute;
+
-
left:2px;
+
-
top:860px;
+
-
width:1363px;
+
-
height:181px;
+
-
z-index:5;
+
-
font-family: "微软雅黑";
+
-
}
+
-
#apDiv6 p {
+
-
text-align: center;
+
-
}
+
-
</style>
+
</style>
</style>
 +
</head>
 +
<body>
 +
<ul id="nav">
 +
<li onmouseover="show('nav_1');" onmouseout="hide('nav_1')" ><a href="#">壹</a>
 +
    <ul id="nav_1">
 +
        <li><a href="#">1-1</a></li>
 +
            <li><a href="#">1-2</a></li>
 +
            <li><a href="#">1-3</a></li>
 +
        </ul>
 +
    </li>
 +
<li onmouseover="show('nav_2');" onmouseout="hide('nav_2')" ><a href="#">贰</a>
 +
    <ul id="nav_2">
 +
        <li><a href="#">2-1</a></li>
 +
            <li><a href="#">2-2</a></li>
 +
            <li><a href="#">2-3</a></li>
 +
        </ul>
 +
    </li>
 +
</ul>
<script type="text/javascript">
<script type="text/javascript">
-
function MM_showHideLayers() { //v9.0
+
function show(id){
-
  var i,p,v,obj,args=MM_showHideLayers.arguments;
+
        document.getElementById(id).style.display='block';
-
  for (i=0; i<(args.length-2); i+=3)  
+
    }
-
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
+
function hide(id){
-
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
+
        document.getElementById(id).style.display='none';
-
     obj.visibility=v; }
+
     }
-
}
+
</script>
</script>
-
 
-
 
-
<!-- ImageReady Slices (middle - 副本.psd) -->
 
-
<div id="apDiv1" onMouseOver="MM_showHideLayers('apDiv1','','show')" onMouseOut="MM_showHideLayers('apDiv1','','hide')">
 
-
  <table width="120" border="0">
 
-
    <tr>
 
-
      <td width="114" bgcolor="#0053A3"><a href="https://2014.igem.org/Team:LZU-China/Team">MEMBERS</a></td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">ADVISORS</td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">INSTRUCTORS</td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">ATTRIBUTION</td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">ACKNOWLEDGMENT</td>
 
-
    </tr>
 
-
  </table>
 
-
</div>
 
-
<div id="apDiv4">
 
-
  <table width="987" height="216" border="0" align="center" cellpadding="0" cellspacing="0" id="__01">
 
-
    <tr>
 
-
      <td colspan="6"><img src="https://static.igem.org/mediawiki/2014/7/77/Newhead_01.jpg" width="987" height="155" alt=""></td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td><img src="https://static.igem.org/mediawiki/2014/e/eb/Newhead_02.jpg" width="402" height="61" alt=""></td>
 
-
      <td><a href="https://2014.igem.org/Team:LZU-China"><img src="https://static.igem.org/mediawiki/2014/3/35/Newhead_03.jpg" alt="" width="91" height="61" border="0"></a></td>
 
-
      <td><a href="https://2014.igem.org/Team:LZU-China/Team"><img src="https://static.igem.org/mediawiki/2014/c/cd/Newhead_04.jpg" alt="" width="85" height="61" border="0" onMouseOver="MM_showHideLayers('apDiv1','','show')" onMouseOut="MM_showHideLayers('apDiv1','','hide')"></a></td>
 
-
      <td><img src="https://static.igem.org/mediawiki/2014/a/a1/Newhead_05.jpg" alt="" width="114" height="61" onMouseOver="MM_showHideLayers('apDiv5','','show')" onMouseOut="MM_showHideLayers('apDiv5','','hide')"></td>
 
-
      <td><img src="https://static.igem.org/mediawiki/2014/7/7f/Newhead_06.jpg" alt="" width="120" height="61" onMouseOver="MM_showHideLayers('apDiv2','','show')" onMouseOut="MM_showHideLayers('apDiv2','','hide')"></td>
 
-
      <td><img src="https://static.igem.org/mediawiki/2014/3/3a/Newhead_07.jpg" alt="" width="175" height="61" onMouseOver="MM_showHideLayers('apDiv3','','show')" onMouseOut="MM_showHideLayers('apDiv3','','hide')"></td>
 
-
    </tr>
 
-
  </table>
 
-
</div>
 
-
<!-- End ImageReady Slices -->
 
-
<div id="apDiv5" onMouseOver="MM_showHideLayers('apDiv5','','show')" onMouseOut="MM_showHideLayers('apDiv5','','hide')">
 
-
  <table width="191" border="0">
 
-
    <tr>
 
-
      <td width="191" bgcolor="#0053A3">ABSTRACT</td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">DATA PAGE</td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">PARTS</td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">RESULT</td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">FUTURE WORK</td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">SAFETY</td>
 
-
    </tr>
 
-
  </table>
 
-
</div>
 
-
<div id="apDiv2" onMouseOver="MM_showHideLayers('apDiv2','','show')" onMouseOut="MM_showHideLayers('apDiv2','','hide')">
 
-
  <table width="191" border="0">
 
-
    <tr>
 
-
      <td width="191" bgcolor="#0053A3"><p>NOTEBOOK</p></td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">INTERVIEWS </td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td bgcolor="#0053A3">VIDEOS</td>
 
-
    </tr>
 
-
  </table>
 
-
</div>
 
-
<div id="apDiv3" onMouseOver="MM_showHideLayers('apDiv3','','show')" onMouseOut="MM_showHideLayers('apDiv3','','hide')">
 
-
  <table width="223" height="58" border="0">
 
-
    <tr>
 
-
      <td width="191" height="12" bgcolor="#0053A3"><p><a href="https://igem.org/Team.cgi?id=1523">OFFICAL TEAM PROFILE</a></p></td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td height="12" bgcolor="#0053A3"><a href="https://2013.igem.org/Team:LZU-China">iGEM LZU-CHINA 2013</a></td>
 
-
    </tr>
 
-
  </table>
 
-
</div>
 
-
<div id="apDiv9">
 
-
  <p>&nbsp;</p>
 
-
  <p><strong>欢迎访问国际遗传学工程机器大赛（<SPAN lang="EN-US">iGEM</SPAN>）兰州大学团队主页！<SPAN lang="EN-US"><BR>
 
-
    Welcome to visit the homepage of iGEM LZU-China!</SPAN><SPAN lang="EN-US"></SPAN></strong><br>
 
-
    <SPAN id="tran_5_0" jQuery17105175891956959193="41" data-aligning="#src_5_0,#tran_5_0"><img src="https://static.igem.org/mediawiki/2014/c/cc/Logolzuchina.jpg" width="450" height="450"><br>
 
-
      相关页面正在建设中，更多精彩内容敬请期待！<br>
 
-
      This</SPAN> <SPAN id="tran_5_1" data-aligning="#src_5_1,#tran_5_1">wiki</SPAN> <SPAN id="tran_5_2" jQuery17105175891956959193="39" data-aligning="#src_5_2,#tran_5_2">is  under</SPAN> <SPAN id="tran_5_3" jQuery17105175891956959193="40" data-aligning="#src_5_3,#tran_5_3">construction</SPAN>. <SPAN id="tran_1_2" data-aligning="#src_1_2,#tran_1_2">More</SPAN> <SPAN id="tran_1_3" data-aligning="#src_1_3,#tran_1_3">pages</SPAN> will be updated! </p>
 
-
  <p>&nbsp;</p>
 
-
</div>
 
-
<div id="apDiv10"><img src="https://static.igem.org/mediawiki/2014/1/18/Di.png" width="1366" height="181"></div>
 
-
<div id="apDiv6">
 
-
  <p>&nbsp;</p>
 
-
  <p>&nbsp;</p>
 
-
  <p>&nbsp;</p>
 
-
  <p>LanZhou University | 222 TianShui South Road, LanZhou, China, 730000<br>
 
-
  Copyright &copy; 2014 LanZhou University All rights reserved. <a href="http://en.lzu.edu.cn/"; style="color:#333">Privacy Policy</a></p>
 
-
</div>
 
-
</html>
 

Revision as of 09:40, 7 July 2014

菜单功能制作下拉效果 <title>无标题文档</title> <style type="text/css"> 

#nav ul{
  list-style-type:none;
  float:left;
       }
  1. nav a{ 
display:block;
width:80px;
}
  1. nav{ 
margin:0;
padding:0;}
  1. nav li{ 
float:left;
text-align:center;
background:#FFFF00;
}
  1. nav li a{ 
color:#000099
background:#990000;
height:25px;
}
  1. nav li a:hover{ 
color:#FF0000;
background:#FFFF00;
}
  1. nav li ul{ 
list-style-type:none;
margin:0px;
padding:0px;
display:none;
}
  1. nav li ul li{ 
float:none;
}
  1. nav li ul li a{ 
width:80px;
height:25px;
background:#00FF00;
color:#00FFFF;
}
  1. nav li ul li a:hover{ 
background:#00FF00
color:#CCFF00
}

</style> </head>

<body>

<script type="text/javascript"> 

function show(id){
       document.getElementById(id).style.display='block';
   }
function hide(id){
       document.getElementById(id).style.display='none';
   }

</script>

Retrieved from "http://2014.igem.org/Team:LZU-China"