Team:XMU-China

From 2012.igem.org

(Difference between revisions)
Line 9: Line 9:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<title>无标题文档</title>
 +
<style type="text/css">
<style type="text/css">
-
*{
+
*{margin:0; padding:0; }
-
margin:0;
+
#tablit {margin:0px;padding:0px;width:439px; height:361px; background:#FFF;}
-
padding:0;
+
#tablit dl{ float:left; width:400px; font-size:32px;}
-
font-size:28px;
+
#tablit dl dt{float:left; width:20px; height:34px; line-height:34px;}
-
}
+
#tablit dl dd{float:left;width:190px;height:34px; line-height:34px; text-align:center;}
-
#tablit {margin:25px;width:400px; height:400px; padding-top:10px;background:#FFF;}
+
-
#tablit dl{ float:left; width:400px;}
+
-
#tablit dl dt{float:left; width:20px; height:30px; line-height:30px;}
+
-
#tablit dl dd{float:left;width:190px;height:30px; line-height:30px; text-align:center;}
+
#tablit .on{ color:#FFF;background:#0099CC;}
#tablit .on{ color:#FFF;background:#0099CC;}
#tablit .out{ color:#FFF;background:#FC49B6;}
#tablit .out{ color:#FFF;background:#FC49B6;}
-
.tabcon{width:100%; height:365px; background: #0099CC; clear:both;}
+
.tabcon{width:100%; height:320px; background: #0099CC; clear:both;}
.dis{display:none;}
.dis{display:none;}
 +
 +
 +
 +
</style>
</style>
</head>
</head>
Line 28: Line 29:
<body><table width="900" border="0" cellspacing="0" cellpadding="0">
<body><table width="900" border="0" cellspacing="0" cellpadding="0">
   <tr>
   <tr>
-
     <td>
+
     <td height="361">
-
    <div id="tablit">
+
  <div id="tablit">
     <dl>
     <dl>
         <dd class="on">ABSTRACT</dd>
         <dd class="on">ABSTRACT</dd>
Line 42: Line 43:
      
      
     <!--device description-->
     <!--device description-->
-
     <td>
+
     <td height="361" >
-
     <div id="device description">
+
     <div id="device description" style="  margin-left:20px;" >
-
    <p style="color:#a10066; font-size:30px" >DEVICE DESCRIPTION</p>
+
      <p style=" font-size:30px; color:#A10066;" >
-
       <p style="color:#004f7c; font-size:32px">E.LUMOLI DISPLAYER</p>
+
        DEVICE DESCRIPTION</p>
-
       <p style="color:#004f7c">&nbsp;</p>
+
       <p style=" font-size:32px; color:#004f7c">E.LUMOLI DISPLAYER</p>
-
       <p><img src="pictures/device.png" width="133" height="141" style="float:right"/>how to use balabala how   
+
       <p >&nbsp;</p>
 +
       <p style=" font-size:24px;"><img src="pictures/device.png" width="133" height="141" style="float:right; "/>how to use balabala how   
         to use balabala how to  
         to use balabala how to  
         use balabala how to use  
         use balabala how to use  
Line 60: Line 62:
</body>
</body>
 +
 +
 +
<script type="text/javascript">
 +
 +
var mDD = document.getElementById("tablit").getElementsByTagName("dd");
 +
var mDIV= document.getElementById("tablit").getElementsByTagName("div");
 +
 +
 +
for (var i=0;i<mDD.length;i++){
 +
(function(index) {
 +
  mDD[index].onmouseover = function() {
 +
  if (mDD[index].className == 'out') {
 +
    for (var j = 0; j < mDD.length; j++) {
 +
    mDD[j].className = 'out';
 +
    mDIV[j].style.display = 'none';
 +
    }
 +
    mDD[index].className = 'on';
 +
    mDIV[index].style.display = 'block';
 +
  }
 +
  }
 +
 +
})(i);
 +
}
 +
 +
</script>
 +
</html>
</html>

Revision as of 13:17, 24 August 2012

XMU


无标题文档

ABSTRACT
PROGRESS
AAAAA
BBBBBB

DEVICE DESCRIPTION

E.LUMOLI DISPLAYER

 

how to use balabala how to use balabala how to use balabala how to use balabala how to how to use balabala how to use balabala how to use balabala how to use balabala how to use how to use balabala how to use how to use balabala

Retrieved from "http://2012.igem.org/Team:XMU-China"