Team:Heidelberg/Test Page Jakob

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
 +
{{MainTemplate}}
 +
{{PageTemplate}}
 +
<html>
<html>
-
<style type="text/css">
+
<div id="intein">
-
body {background-color: white;}
+
Link to an <a href="https://2014.igem.org/Team:Heidelberg/ExamplePage">example page</a>
-
#globalWrapper {visibility: hidden; background-color: white;}
+
</div> <!-- close "intein" -->
-
#menubar, right-menu {visibility: visible; border: none;}
+
-
#p-logo {visibility: hidden;}
+
-
#search-controls {visibility: hidden;}
+
-
 
+
-
.menu {
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
.menu a {
+
-
float: left;
+
-
text-align: center;
+
-
background-color: #7C78F5;
+
-
margin: 01px;
+
-
padding: 10px;
+
-
font-size: 18px;
+
-
font-family: Arial;
+
-
text-decoration: none;
+
-
color: black;
+
-
display: block;
+
-
width: 90px;
+
-
}
+
-
.menu a:hover {
+
-
 
+
-
background-color: #B8B6F2;
+
-
}
+
-
 
+
-
#test {
+
-
position: absolute;
+
-
top: 200px;
+
-
left: 200px;
+
-
    width:100px;
+
-
    height:100px;
+
-
    background-color:red;
+
-
}
+
-
</style>
+
-
<script Language="JavaScript">
+
-
$(document).ready(function() {
+
-
$("#test").mouseover(function(){
+
-
    $(this).animate({height:'200'}, "fast")
+
-
});
+
-
 
+
-
$("#test").mouseout(function(){
+
-
    $(this).animate({height:'100'}, "fast")
+
-
});
+
-
});
+
-
</script>
+
-
 
+
-
<div class="menu">
+
-
<a id="menuhome" href="#home">Home</a>
+
-
<a id="menuteam" href="#team">Team</a>
+
-
<a id="menuproject"href="#project">Project</a>
+
-
<a id="menuparts" href="#parts">Parts</a>
+
-
<a id="menumodeling" href="#modeling">Modeling</a>
+
-
<a id="menunotebook" href="#notebook">Notebook</a>
+
-
<a id="menusafety" href="#safety">Safety</a>
+
-
<a id="menuattributions" href="#attributions">Attributions</a>
+
-
    </div>
+
-
   
+
-
    <div id="test"></div>
+
-
 
+
-
 
+
</html>
</html>

Latest revision as of 18:09, 11 August 2014