"
Team:Heidelberg/Test Page Jakob
From 2014.igem.org
(Difference between revisions)
| Line 5: | Line 5: | ||
#p-logo {visibility: hidden;} | #p-logo {visibility: hidden;} | ||
#search-controls {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: 20px; | ||
| + | font-family: Arial; | ||
| + | text-decoration: none; | ||
| + | color: black; | ||
| + | display: block; | ||
| + | width: 100px; | ||
| + | } | ||
| + | .menu a:hover { | ||
| + | |||
| + | background-color: #B8B6F2; | ||
| + | } | ||
| + | |||
| + | #test { | ||
| + | position: absolute; | ||
| + | top: 200px; | ||
| + | left: 200px; | ||
| + | width:100px; | ||
| + | height:100px; | ||
| + | background-color:red; | ||
| + | } | ||
</style> | </style> | ||
| + | <script Language="JavaScript"> | ||
| + | $("#menuhome").mouseover(function(){ | ||
| + | $(this).animate({height:'200'}, "fast") | ||
| + | }); | ||
| + | |||
| + | $("#menuhome").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> | ||
Revision as of 01:01, 10 June 2014
