Template:KIT-Kyoto/menu1

From 2010.igem.org

(Difference between revisions)
 
(51 intermediate revisions not shown)
Line 1: Line 1:
-
<html><head>
+
<html>  
-
<script type="text/javascript">
+
<head>  
-
var j$ = jQuery;
+
<style type="text/css">  
-
$(document).ready(function () {
+
ul.acc, ul.acc li ul {
-
$("ul.menu_body li:even").addClass("alt");
+
  margin: 0;  
-
$('img.menu_head').click(function () {
+
  padding: 0;
-
$('ul.menu_body').slideToggle('medium');
+
  list-style: none;
-
});
+
}
 +
 +
ul.acc a{  
 +
  display: block;
 +
  height: 30px;
 +
  line-height: 30px;
 +
  color: tranceplants;
 +
}
 +
 +
ul.acc {
 +
  background-color:none;  
 +
}  
 +
 +
ul.acc li ul {
 +
  background-color: none;  
 +
}
-
$('ul.menu_body li a').mouseover(function () {
 
-
$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
 
-
});
 
-
$('ul.menu_body li a').mouseout.(function () {
+
ul.acc1, ul.acc1 li ul {  
-
$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
+
  margin: 0;
-
});
+
  padding: 0;  
-
});
+
  list-style: none;  
-
</script>
+
}  
-
<script type="text/javascript" src="jsfiles/jquery.js"></script>
+
-
<style type=text/css>
+
ul.acc1 a{  
-
.menu_head{border:1px solid #998675;}
+
  display: block;  
-
.menu_body {display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
+
  height: 30px;  
-
.menu_body li{background:#493e3b;}
+
  line-height: 30px;  
-
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
+
  color: tranceplants;  
 +
}  
 +
 +
ul.acc1 {  
 +
  background-color:none;  
 +
}  
 +
 +
ul.acc1 li ul {  
 +
  background-color: none;  
 +
}  
 +
</style>
-
table,tr,td {background-color: transparent;}
+
<script type="text/javascript" src="Template:KIT-Kyoto/js"></script>
-
.menu table, .menu tr, .menu td {background-color: black;}
+
-
 
+
-
</STYLE></head>
+
-
<body>
+
-
 
+
-
<BR><BR>
+
-
<TABLE border="0" cellspacing="0" cellpadding="0" width="965px" align="center"><tr><TD>
+
-
<IMG src="https://static.igem.org/mediawiki/2010/3/30/KIT-Kyotologo.png" width="200px" height="50px" border="0" align="left"><IMG src="https://static.igem.org/mediawiki/2010/1/13/Science-and-art.png" width="337px" height="50px" border="0" align="right">
+
-
</TD></tr>
+
-
</TABLE>
+
-
 
+
-
<TABLE class="menu" border="0" bgcolor="000000" bordercolor="black" cellspacing="0" cellpadding="0" width="100%"><tr><TD align="center">     
+
-
<A href="https://2010.igem.org/Team:KIT-Kyoto"><IMG src="https://static.igem.org/mediawiki/2010/d/d7/KITHome.png" border="0"></A><A href="https://2010.igem.org/Team:KIT-Kyoto/Team"><IMG src="https://static.igem.org/mediawiki/2010/c/ce/KITAboutus.png" border="0"></A><A href="https://2010.igem.org/Team:KIT-Kyoto/Project"><IMG src="https://static.igem.org/mediawiki/2010/2/21/Project_(2).png" border="0"></A><A href="https://2010.igem.org/Team:KIT-Kyoto/Parts"><IMG src="https://static.igem.org/mediawiki/2010/2/27/KITParts.png" border="0"></A><A href="https://2010.igem.org/Team:KIT-Kyoto/Notebook"><IMG src="https://static.igem.org/mediawiki/2010/2/2a/KITNotebook.png" border="0"></A><A href="https://2010.igem.org/Team:KIT-Kyoto/Link"><IMG src="https://static.igem.org/mediawiki/2010/f/ff/KITLink.png" border="0"></A>
+
-
</TD> </tr>
+
-
</TABLE>
+
 +
<script type="text/javascript">
 +
var j$ = jQuery;
 +
 +
j$(function(){
 +
  j$(".acc").each(function(){
 +
    j$("li > a", this).each(function(index){
 +
      var $this = j$(this);
 +
 +
      if(index > 0) $this.next().hide();
 +
 +
      $this.click(function(){
 +
        var params = {height:"toggle", opacity:"toggle"};
 +
        j$(this).next().animate(params).parent().siblings()
 +
          .children("ul:visible").animate(params);
 +
        return false;
 +
      });
 +
    });
 +
  });
 +
});
-
<div class="container">  
+
j$(function(){
-
<img src="https://static.igem.org/mediawiki/2010/d/d7/KITHome.png" width="184" height="32" class="menu_head" />  
+
  j$(".acc1").each(function(){
-
<ul class="menu_body">  
+
    j$("li > a", this).each(function(index){
-
<li><a href="#">About Us</a></li>  
+
      var $this = j$(this);
-
<li><a href="#">Portfolio</a></li>  
+
-
<li><a href="#">Clients</a></li>  
+
      if(index <= 0) $this.next().hide();
-
<li><a href="#">Blog</a></li>  
+
-
<li><a href="#">Support Forums</a></li>  
+
      $this.click(function(){
-
<li><a href="#">Gallery</a></li>  
+
        var params = {height:"toggle", opacity:"toggle"};
-
<li><a href="#">Contact Us</a></li>  
+
        j$(this).next().animate(params).parent().siblings()
-
</ul>  
+
          .children("ul:visible").animate(params);
-
</div>  
+
        return false;
-
</body></html>
+
      });
 +
    });
 +
  });
 +
});
 +
</script>
 +
 +
</head>
 +
 +
<body>
 +
<div id="HIDARI">
 +
<ul class="acc">  
 +
  <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/2/2b/KITNotebook.jpg" width="160" height="32" class="menu_head" /></a>
 +
    <ul class="fxmn">
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook">First</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week1">Week1 (Aug 11-14)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week2">Week2 (Aug 15-21)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week3">Week3 (Aug 22-28)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week4">Week4 (Aug 29-Sep 4)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week5">Week5 (Sep 5-11)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week6">Week6 (Sep 12-18)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week7">Week7 (Sep 19-25)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week8">Week8 (Sep 26-Oct 2)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week9">Week9 (Oct 3-9)</a></div></li>
 +
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week10">Week10 (Oct 10-13)</a></div></li>    </ul>
 +
  </li>
 +
</ul>
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/Protocol"><img src="https://static.igem.org/mediawiki/2010/8/88/KitProtocol.PNG" width="160" height="32" border="0" bordercolor="black"></a>
 +
<BR>
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook/Promoters"><img src="https://static.igem.org/mediawiki/2010/8/82/KITPROMOTERS.PNG" width="160" height="32" border="0" bordercolor="black"></a>
 +
<BR>
 +
<ul class="acc1">
 +
  <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/c/cd/KitDesignNote.png" width="160" height="32" class="menu_head" /></a>  
 +
    <ul class="fxmn">  
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote">First</a></div></li>  
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week1">Week1 (Aug 22-28)</a></div></li>  
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week2">Week2 (Aug 29-Sep4)</a></div></li>  
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week3">Week3 (Sep5-11)</a></div></li>  
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week4">Week4 (Sep12-18)</a></div></li>  
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week5">Week5 (Sep19-25)</a></div></li>  
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week6">Week6 (Sep26-Oct2)</a></div></li>  
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week7">Week7 (Oct3-9)</a></div></li>
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week8">Week8 (Oct10-16)</a></div></li>
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week9">Week9 (Oct17-23)</a></div></li>
 +
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week10">Week10 (Oct24-30)</a></div></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/Photo"><img src="https://static.igem.org/mediawiki/2010/3/32/KITPhotograph.jpg" width="160" height="32" border="0" bordercolor="black"></a>
 +
</div>
 +
</body>  
 +
</html>

Latest revision as of 01:50, 26 October 2010

Retrieved from "http://2010.igem.org/Template:KIT-Kyoto/menu1"