Team:Heidelberg/Test Page Jakob

From 2014.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
{{MainTemplate}}
{{MainTemplate}}
 +
{{PageTemplate}}
<html>
<html>
-
<div id="extein">
+
<div id="intein">
-
<style type="text/css">
+
Link to an <a href="https://2014.igem.org/Team:Heidelberg/ExamplePage">example page</a>
-
#test {
+
</div> <!-- close "intein" -->
-
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>
+
-
 
+
-
<div>
+
</html>
</html>

Latest revision as of 18:09, 11 August 2014