Team:SUSTC-Shenzhen-A/tutorial test

From 2012.igem.org

(Difference between revisions)
(Replaced content with "<html xmlns="http://www.w3.org/1999/xhtml"> <head> </HEAD> <BODY> <!–#include virtual=”http://taftproot.gotoip2.com/ld/html/turtorial_1.html” –> </BODY> </HTML>")
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
-
<HEAD>
+
<head>
-
<STYLE type=text/css>
+
-
<!--我们需要先把igem原网站的一些东西删掉-->
+
-
#globalWrapper {width: 100%;  }
+
-
#top-section {width: 100%; height:100%; border:none;}
+
-
#p-logo {display:none;}
+
-
#search-controls {display:none;}
+
-
.printfooter {display:none;}
+
-
#footer-box {border:none;}
+
-
.firstHeading {display:none;}
+
-
#content { border:none; width:1024px; }
+
-
#bodyContent {border:none;  }
+
-
 
+
-
 
+
-
#catlinks {display:none;  }
+
-
 
+
-
#footer-box  {display:none;  }
+
-
 
+
-
BODY {
+
-
FONT-SIZE: 14px; }
+
-
OL LI {
+
-
MARGIN: 8px
+
-
}
+
-
#con {
+
-
FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 550px
+
-
}
+
-
#tags {
+
-
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 600px; PADDING-TOP: 0px; HEIGHT: 40px
+
-
}
+
-
#tags LI {
+
-
BACKGROUND: url(http://taftproot.gotoip2.com/ld/images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 40px
+
-
}
+
-
#tags LI A {
+
-
PADDING-RIGHT: 25px; PADDING-LEFT: 25px; BACKGROUND: url(http://taftproot.gotoip2.com/ld/images/tip_bg.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999;LINE-HEIGHT: 23px; PADDING-TOP: 5px; HEIGHT: 23px; TEXT-DECORATION: none;FONT-SIZE: 30px
+
-
}
+
-
#tags LI.emptyTag {
+
-
BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
+
-
}
+
-
#tags LI.selectTag {
+
-
BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 40px
+
-
}
+
-
#tags LI.selectTag A {
+
-
BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px
+
-
}
+
-
#tagContent {
+
-
PADDING-RIGHT: 1px; BORDER-TOP: #aecbd4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP:1px; BACKGROUND-COLOR: #fff
+
-
}
+
-
.tagContent {
+
-
PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; BACKGROUND: url(http://www.6a8a.com/images/bg3.gif) repeat-x; PADDING-BOTTOM: 10px; COLOR: #474747; PADDING-TOP: 10px; HEIGHT: 250px
+
-
}
+
-
#tagContent DIV.selectTag {
+
-
DISPLAY: block
+
-
}
+
-
</STYLE>
+
</HEAD>
</HEAD>
<BODY>
<BODY>
-
<DIV id=con>
+
<!–#include virtual=”http://taftproot.gotoip2.com/ld/html/turtorial_1.html” –>
-
<UL id=tags>
+
-
  <LI><A onMouseOver="selectTag('tagContent0',this)"
+
-
  href="javascript:void(0)"> <em><strong>Tip  1 </strong></em><strong></strong></A> </LI>
+
-
  <LI class=selectTag><A onMouseOver="selectTag('tagContent1',this)"
+
-
  href="javascript:void(0)"> <em><strong>Tip  2 </strong></em><strong></strong></A> </LI>
+
-
  <LI><A onMouseOver="selectTag('tagContent2',this)"
+
-
  href="javascript:void(0)"> <em><strong>Tip  3 </strong></em><strong></strong></A> </LI>
+
-
    <LI><A onMouseOver="selectTag('tagContent3',this)"
+
-
  href="javascript:void(0)"> <em><strong>Tip  4 </strong></em><strong></strong></A> </LI>
+
-
  </UL>
+
-
<DIV id=tagContent>
+
-
<DIV class=tagContent id=tagContent0>  <table width="505" border="0">
+
-
    <tr>
+
-
      <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_01.png" width="300" height="500"></td>
+
-
      <td width="195"><p><strong>This is the first page after you open the  app first time. In this page, you can choice your address in order we can  choice the best server to provide the data.</strong></p></td>
+
-
    </tr>
+
-
  </table></DIV>
+
-
<DIV class="tagContent selectTag" id=tagContent1>
+
-
  <table width="505" border="0">
+
-
    <tr>
+
-
      <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_02.png" width="300" height="500"></td>
+
-
      <td width="195"><p><strong>This is the first page after you open the  app first time. In this page, you can choice your address in order we can  choice the best server to provide the data.</strong></p></td>
+
-
    </tr>
+
-
  </table>
+
-
</DIV>
+
-
<DIV class=tagContent id=tagContent2>
+
-
<table width="505" border="0">
+
-
    <tr>
+
-
      <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_03.png" width="300" height="500"></td>
+
-
      <td width="195"><p><strong>This is the first page after you open the  app first time. In this page, you can choice your address in order we can  choice the best server to provide the data.</strong></p></td>
+
-
    </tr>
+
-
  </table></DIV>
+
-
<DIV class=tagContent id=tagContent3>
+
-
<table width="505" border="0">
+
-
    <tr>
+
-
      <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_04.png" width="300" height="500"></td>
+
-
      <td width="195"><p><strong>This is the first page after you open the  app first time. In this page, you can choice your address in order we can  choice the best server to provide the data.</strong></p></td>
+
-
    </tr>
+
-
  </table></DIV></DIV></DIV>
+
-
<SCRIPT type=text/javascript>
+
-
function selectTag(showContent,selfObj){
+
-
// 标签6a8a.com
+
-
var tag = document.getElementById("tags").getElementsByTagName("li");
+
-
var taglength = tag.length;
+
-
for(i=0; i<taglength; i++){
+
-
tag[i].className = "";
+
-
}
+
-
selfObj.parentNode.className = "selectTag";
+
-
// 标签内容
+
-
for(i=0; j=document.getElementById("tagContent"+i); i++){
+
-
j.style.display = "none";
+
-
}
+
-
document.getElementById(showContent).style.display = "block";
+
-
}
+
-
</SCRIPT>
+
-
<br />
+
</BODY>
</BODY>
</HTML>
</HTML>

Revision as of 08:33, 16 September 2012

Retrieved from "http://2012.igem.org/Team:SUSTC-Shenzhen-A/tutorial_test"