Line 46: | Line 46: | ||
.bio_card .image { | .bio_card .image { | ||
transition:all 1s ease; | transition:all 1s ease; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</style> | </style> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | ||
<script> | <script> | ||
− | + | $(document).ready(function(){ | |
− | + | $('#John_Luke').onClick(function(){ | |
− | + | $('#image').slideUp("slow"); | |
+ | }); | ||
}); | }); | ||
− | |||
</script> | </script> | ||
</head> | </head> | ||
Line 69: | Line 65: | ||
<div id = "row_one" style="width:200%; height:300px;overflow-y: hidden;"> | <div id = "row_one" style="width:200%; height:300px;overflow-y: hidden;"> | ||
− | <div | + | <div id="bio_card"> |
− | <div | + | <div id="image"> |
− | <img id = " | + | <img id = "John_Luke" style=" float:left; display:inline" src="https://static.igem.org/mediawiki/2016/7/75/John_Luke-Serious-min.png" onmouseover="this.src='https://static.igem.org/mediawiki/2016/9/9d/John_Luke-Silly-min.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2016/7/75/John_Luke-Serious-min.png'" width="350px" height="auto" alt="John Luke Garcia" /> |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 19:11, 8 July 2016