|
|
Line 2: |
Line 2: |
| <div id="pageContents"> | | <div id="pageContents"> |
| [[https://2011.igem.org/Team:BYU_Provo/Team/Matt Matt's Page]] | | [[https://2011.igem.org/Team:BYU_Provo/Team/Matt Matt's Page]] |
- |
| |
- | <html>
| |
- | <style type="text/css">
| |
- | body {
| |
- | background-color: #999999;
| |
- | }
| |
- |
| |
- | img {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | #person0 {
| |
- | width:85px;
| |
- | height:366px;
| |
- | background:url('AllSmall.JPG') 0 0;
| |
- | position: relative;
| |
- | left: 55px;
| |
- | }
| |
- |
| |
- | #person0:hover {
| |
- | background: url('AllSmall.JPG') -550px 0;
| |
- | }
| |
- |
| |
- | #person1 {
| |
- | width:60px;
| |
- | height:366px;
| |
- | background:url('AllSmall.JPG') -85px 0;
| |
- | position: relative;
| |
- | left: 51px;
| |
- | }
| |
- |
| |
- | #person1:hover {
| |
- | background: url('AllSmall.JPG') -635px 0;
| |
- | }
| |
- |
| |
- | #person2 {
| |
- | width:55px;
| |
- | height:366px;
| |
- | background:url('AllSmall.JPG') -145px 0;
| |
- | position: relative;
| |
- | left: 47px;
| |
- | }
| |
- |
| |
- | #person2:hover {
| |
- | background: url('AllSmall.JPG') -695px 0;
| |
- | }
| |
- |
| |
- | #person3 {
| |
- | width:50px;
| |
- | height:366px;
| |
- | background:url('AllSmall.JPG') -200px 0;
| |
- | position: relative;
| |
- | left: 43px;
| |
- | }
| |
- |
| |
- | #person3:hover {
| |
- | background: url('AllSmall.JPG') -750px 0;
| |
- | }
| |
- |
| |
- | #person4 {
| |
- | width:58px;
| |
- | height:366px;
| |
- | background:url('AllSmall.JPG') -250px 0;
| |
- | position: relative;
| |
- | left: 39px;
| |
- | }
| |
- |
| |
- | #person4:hover {
| |
- | background: url('AllSmall.JPG') -800px 0;
| |
- | }
| |
- |
| |
- | #person5 {
| |
- | width:54px;
| |
- | height:366px;
| |
- | background:url('AllSmall.JPG') -308px 0;
| |
- | position: relative;
| |
- | left: 35px;
| |
- | }
| |
- |
| |
- | #person5:hover {
| |
- | background: url('AllSmall.JPG') -858px 0;
| |
- | }
| |
- |
| |
- | #person6 {
| |
- | width:75px;
| |
- | height:366px;
| |
- | background:url('AllSmall.JPG') -362px 0;
| |
- | position: relative;
| |
- | left: 31px;
| |
- | }
| |
- |
| |
- | #person6:hover {
| |
- | background: url('AllSmall.JPG') -912px 0;
| |
- | }
| |
- |
| |
- | #person7 {
| |
- | width:75px;
| |
- | height:366px;
| |
- | background:url('AllSmall.JPG') -437px 0;
| |
- | position: relative;
| |
- | left: 27px;
| |
- | }
| |
- |
| |
- | #person7:hover {
| |
- | background: url('AllSmall.JPG') -987px 0;
| |
- | }
| |
- | </style>
| |
- |
| |
- | <script type="text/javascript">
| |
- | var lefts = ["0", "-85px", "-145px", "-200px", "-250px", "-308px", "-362px", "-437px"];
| |
- | var lefts2 = ["-550px", "-635px", "-695px", "-750px", "-800px", "-858px", "-912px", "-987px"]
| |
- |
| |
- | function show(num) {
| |
- | document.getElementById('person' + num).style.background = "url('AllSmall.JPG') " + lefts2[num] + " 0;";
| |
- | }
| |
- |
| |
- | function hide(num) {
| |
- | document.getElementById('person' + num).style.background = "url('AllSmall.JPG') " + lefts[num] + " 0;";
| |
- | }
| |
- | </script>
| |
- | <div id="pictures"><center>
| |
- | <img id="person0" alt="Lawrence Williams" src="trans.gif" onmouseover="show(0);" onmouseout="hide(0);" />
| |
- | <img id="person1" alt="Person1" src="trans.gif" onmouseover="show(1);" onmouseout="hide(1);" />
| |
- | <img id="person2" alt="Person2" src="trans.gif" onmouseover="show(2);" onmouseout="hide(2);" />
| |
- | <img id="person3" alt="Person3" src="trans.gif" onmouseover="show(3);" onmouseout="hide(3);" />
| |
- | <img id="person4" alt="Person4" src="trans.gif" onmouseover="show(4);" onmouseout="hide(4);" />
| |
- | <img id="person5" alt="Person5" src="trans.gif" onmouseover="show(5);" onmouseout="hide(5);" />
| |
- | <img id="person6" alt="Person6" src="trans.gif" onmouseover="show(6);" onmouseout="hide(6);" />
| |
- | <img id="person7" alt="Person7" src="trans.gif" onmouseover="show(7);" onmouseout="hide(7);" />
| |
- | </center></div>
| |
- | </html>
| |
| | | |
| </div> | | </div> |