Team:UCLA/Template

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:UCLA/anuved_verma_ucla2014_workspace/Javascript}}
+
{{:Team:UCLA/Template/CSS}}
-
{{:Team:UCLA/anuved_verma_ucla2014_workspace/CSS}}
+
-
<html lang="en">
+
<html>
-
  <head>
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
-
    <!-- META TAGS -->
+
<script type="text/javascript">
-
    <meta charset="utf-8">
+
$(document).ready(function() {
-
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
$("#menu > li > ul").hide();
-
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
$("#menu > li").mouseenter(function() {
-
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
+
$(this).children("li > ul").slideDown(250);
-
    <title>iGEM UCLA</title>
+
});
-
  </head>
+
        $("#menu > li").mouseleave(function() {
 +
$(this).children("li > ul").slideUp(250);
 +
});
 +
});
 +
</script>
-
 
-
<!--TOP NAVIGATION MENU BAR-->
 
-
<div id = "top_menu" >
 
<ul id = "menu">
<ul id = "menu">
<li><a href="/Team:UCLA">Home</a></li>
<li><a href="/Team:UCLA">Home</a></li>
Line 57: Line 57:
         <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
         <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
</ul>
</ul>
-
<a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="55px"/></a>
+
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"/></a>
-
</div><br><br><br>
+
-
 
+
-
<!--SIDEBAR NAV-->
+
-
<div id="side_menu">
+
-
<h3>1</h3>
+
-
<h3>2</h3>
+
-
<h3>3</h3>
+
-
<h3>4</h3>
+
-
<h3>5</h3>
+
-
<h3>6</h3>
+
-
</div>
+
-
 
+
-
<!-- Spider click to top button -->
+
-
    <div class= "spider">
+
-
        <div class= "spiderline"></div>
+
-
        <div class= "spiderbutton"></div>
+
-
        <img class= "backtotop" src = "http://www.acessnapshots.com/top.png"/>
+
-
    </div>
+
-
    <img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png"/>
+
-
 
+
</html>
</html>

Revision as of 22:12, 19 September 2014