"
Team:SUSTC-Shenzhen-A/tutorial
From 2012.igem.org
(Difference between revisions)
| Line 182: | Line 182: | ||
<tr> | <tr> | ||
<td style="line-height: 150%"><b>把男人当玩物的女人</b><br> | <td style="line-height: 150%"><b>把男人当玩物的女人</b><br> | ||
| - | + | 她的爱情字典里没有"唯一"这两个字，她懂的利用女人的天赋来让男人心悦诚服，从不同的男人身上获取不同的需求，同时却巧妙地让每个人都以为是她的最爱，除非能抱着大家一起玩的心态，否则小心。</td> | |
</tr> | </tr> | ||
</table> | </table> | ||
| Line 200: | Line 200: | ||
| + | <div id="HackBox3" class="HackBox" style="width:100%;display:none;"> | ||
| + | <div align="center"> | ||
| + | <table border="0" width="95%" cellpadding="0" style="border-collapse: collapse" height="90" id="table3"> | ||
| + | <tr> | ||
| + | <td style="line-height: 150%"><b>歇斯底里的女人</b> <br> | ||
| + | 她的专长是一哭二闹三上吊，只要稍稍辜负她，她就会以死作威胁，当发现一个女人充满神经质，动不动就有发动千军万马之势，要随时提防它闹出失控的局面，否则就意味着不得安宁的日子从此开始。</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id="HackBox4" class="HackBox" style="width:100%;display:none;"> | ||
| + | <div align="center"> | ||
| + | <table border="0" width="95%" cellpadding="0" style="border-collapse: collapse" height="90" id="table4"> | ||
| + | <tr> | ||
| + | <td style="line-height: 150%"><b>翻脸不认人的女人</b> <br> | ||
| + | 不管好的时候多好，一旦反目，她则完全变成另外一个人，毫不留情地公开你们之间所有的秘密，甚至不行玉石俱焚。碰到这样的女人，要有心理准备，分手后她底报复心会炸的你粉身碎骨。 </td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <script language="JavaScript"> | ||
| + | |||
| + | function switchTab(tabpage,tabid,show_n){ | ||
| + | //alert(show_n); | ||
| + | for(var i=1;i<5;i++){ | ||
| + | document.getElementById('HackBox'+i).style.display="none"; | ||
| + | } | ||
| + | document.getElementById(show_n).style.display="block"; | ||
| + | var oItem = document.getElementById(tabpage); | ||
| + | for(var i=0;i<oItem.children.length;i++){ | ||
| + | var x = oItem.children(i); | ||
| + | x.className = ""; | ||
| + | var y = x.getElementsByTagName('a'); | ||
| + | y[0].style.color="#333333"; | ||
| + | } | ||
| + | document.getElementById(tabid).className = "Selected"; | ||
| + | } | ||
| + | </script> | ||
| Line 249: | Line 289: | ||
<ul> | <ul> | ||
<li> | <li> | ||
| - | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#"> Step 1 - 4</a> </li> <br> <li> | + | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#" onClick="javascript:switchTab('TabPage1','Tab1','HackBox1');"> Step 1 - 4</a> </li> <br> <li> |
| - | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#"> Step 5 - 8</a> </li><br> | + | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#" onClick="javascript:switchTab('TabPage1','Tab2','HackBox2');"> Step 5 - 8</a> </li><br> |
<li> | <li> | ||
| - | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#"> | + | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#" onClick="javascript:switchTab('TabPage1','Tab3','HackBox3');"> Step 9 -12</a> |
</li><br> | </li><br> | ||
<li> | <li> | ||
| - | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> | + | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#" onClick="javascript:switchTab('TabPage1','Tab4','HackBox4');"> Step 13-16</a> |
</li> <br> | </li> <br> | ||
<li style="list-style-type:none;"> | <li style="list-style-type:none;"> | ||
| - | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#"> Step 17-20</a> </li><br> | + | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#" onClick="javascript:switchTab('TabPage1','Tab5','HackBox5');"> Step 17-20</a> </li><br> |
<li style="list-style-type:none;"> | <li style="list-style-type:none;"> | ||
<img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#"> Step 21-24</a> </li><br> | <img src="http://taftproot.gotoip2.com/ld/images/pic2.gif" alt="" /> <a href="#"> Step 21-24</a> </li><br> | ||
Revision as of 03:28, 16 September 2012
|
|
