"
Team:SUSTC-Shenzhen-A/tutorial
From 2012.igem.org
(Difference between revisions)
| Line 3: | Line 3: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| Line 58: | Line 51: | ||
| - | + | <td><DIV id=con> | |
| + | <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="458" 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="458" border="0"> | ||
| + | <tr> | ||
| + | <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_02.png" width="300" height="500"></td> | ||
| + | <td width="148"><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="458" 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="458" 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 /> | ||
| + | </td> | ||
Revision as of 09:55, 16 September 2012
|
|
