Team:BYU Provo/Team

From 2011.igem.org

(Difference between revisions)
(Replaced content with "{{Template:BYU_Provo}} <div id="pageContents"> https://2011.igem.org/Team:BYU_Provo/Team/Matt Matt's Page </div>")
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>

Revision as of 16:50, 2 September 2011

Team BYU Provo

BYU Provo
 

[Matt's Page]

Lawrence Williams Person1 Person2 Person3 Person4 Person5 Person6 Person7

Retrieved from "http://2011.igem.org/Team:BYU_Provo/Team"