Ser Archer (Talk | contribs) |
Ser Archer (Talk | contribs) |
||
Line 33: | Line 33: | ||
{ | { | ||
font-size:0.9rem; | font-size:0.9rem; | ||
+ | background-color:yellow; | ||
+ | position:relative; | ||
+ | top:400px; | ||
+ | width:5%;height:100px; | ||
} | } | ||
button.myButton | button.myButton | ||
{ | { | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 200: | Line 202: | ||
<div id="photo1" style="position:relative;top:150px;margin-left:5%;background:url(https://static.igem.org/mediawiki/2018/6/62/T--CPU_CHINA--team-DSC00344.png);background-repeat:no-repeat;background-size:cover;"> | <div id="photo1" style="position:relative;top:150px;margin-left:5%;background:url(https://static.igem.org/mediawiki/2018/6/62/T--CPU_CHINA--team-DSC00344.png);background-repeat:no-repeat;background-size:cover;"> | ||
− | <div class="myButton" style=" | + | <!-- **************************************照片按钮**************************************--> |
+ | <div class="myButton" style="left:5%;"> | ||
<button id="1" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | <button id="1" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
<div id="Txt1" class="Txt">Hello, my name is Yiyang Zhu. | <div id="Txt1" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="2" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt2" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="3" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt3" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="4" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt4" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="5" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt5" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="6" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt6" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="7" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt7" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="8" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt8" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="9" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt9" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="10" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt10" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="11" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt11" class="Txt">Hello, my name is Yiyang Zhu. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="myButton" style="float:right;"> | ||
+ | <button id="12" type="button" class="myButton" onmouseover="showText(this.id)" onmouseout="hideText(this.id)" onclick="window.location.href=('')"></button> | ||
+ | <div id="Txt12" class="Txt">Hello, my name is Yiyang Zhu. | ||
</div> | </div> | ||
</div> | </div> | ||
Line 255: | Line 324: | ||
var parent=document.getElementById("mw-content-text"); | var parent=document.getElementById("mw-content-text"); | ||
var child1=document.getElementById("1"); | var child1=document.getElementById("1"); | ||
− | + | var child2=document.getElementById("2"); | |
var child3=document.getElementById("3"); | var child3=document.getElementById("3"); | ||
var child4=document.getElementById("4"); | var child4=document.getElementById("4"); | ||
Line 265: | Line 334: | ||
var child10=document.getElementById("10"); | var child10=document.getElementById("10"); | ||
var child11=document.getElementById("11"); | var child11=document.getElementById("11"); | ||
− | var child12=document.getElementById("12"); | + | var child12=document.getElementById("12"); |
parent.appendChild(child1); | parent.appendChild(child1); | ||
+ | parent.appendChild(child2); | ||
+ | parent.appendChild(child3); | ||
+ | parent.appendChild(child4); | ||
+ | parent.appendChild(child5); | ||
+ | parent.appendChild(child6); | ||
+ | parent.appendChild(child7); | ||
+ | parent.appendChild(child8); | ||
+ | parent.appendChild(child9); | ||
+ | parent.appendChild(child10); | ||
+ | parent.appendChild(child11); | ||
+ | parent.appendChild(child12); | ||
+ | |||
} | } | ||
</script> | </script> | ||
</html> | </html> |
Revision as of 09:11, 24 August 2018
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.
Hello, my name is Yiyang Zhu.