Template:KIT-Kyoto/menu1

From 2010.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>  
<head>  
<style type="text/css">  
<style type="text/css">  
-
@charset "utf-8";
+
ul.acc, ul.acc li ul {
-
/* CSS Document */
+
  margin: 0;
 +
  padding: 0;
 +
  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, li{margin:0; padding:0; list-style:none;}
 
-
.menu_head{border:0px solid #998675;}
 
-
 
-
.menu_body {display:none; width:160px;border-right:0px solid #998675;border-bottom:0px solid #998675;border-left:0px solid #998675;}
 
-
.menu_body li{background: transparent;}
 
-
.menu_body li.alt{background: transparent;}
 
-
.menu_body li a{color:#000000; text-decoration:none; padding:10px; display:block;}
 
-
.menu_body li a:hover{padding:15px 10px; font-weight:none;}
 
 +
ul.acc1, ul.acc1 li ul {
 +
  margin: 0;
 +
  padding: 0;
 +
  list-style: none;
 +
}
 +
 +
ul.acc1 a{
 +
  display: block;
 +
  height: 30px;
 +
  line-height: 30px;
 +
  color: tranceplants;
 +
}
 +
 +
ul.acc1 {
 +
  background-color:none;
 +
}
 +
 +
ul.acc1 li ul {
 +
  background-color: none;
 +
}
</style>
</style>
Line 21: Line 51:
<script type="text/javascript">  
<script type="text/javascript">  
-
$(document).ready(function () {
+
var j$ = jQuery;
-
$("ul.menu_body li:even").addClass("alt");
+
-
     $('img.menu_head').click(function () {
+
j$(function(){  
-
$('ul.menu_body').slideToggle('medium');
+
  j$(".acc").each(function(){
-
    });
+
     j$("li > a", this).each(function(index){  
-
$('ul.menu_body li a').mouseover(function () {
+
      var $this = j$(this);
-
$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
+
-
     });
+
      if(index <= 0) $this.next().hide();  
-
$('ul.menu_body li a').mouseout(function () {
+
-
$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
+
      $this.click(function(){  
-
     });
+
        var params = {height:"toggle", opacity:"toggle"};
-
});
+
        j$(this).next().animate(params).parent().siblings()
 +
          .children("ul:visible").animate(params);
 +
        return false;
 +
      });  
 +
     });  
 +
  });
 +
});
 +
 
 +
 
 +
j$(function(){
 +
  j$(".acc1").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;
 +
      });  
 +
     });
 +
  });  
 +
});  
</script>  
</script>  
   
   
Line 39: Line 93:
<body>  
<body>  
-
<div class="container">  
+
<ul class="acc">  
-
<a href="#"><img src="https://static.igem.org/mediawiki/2010/2/2b/KITNotebook.jpg" width="160" height="32" class="menu_head" /></a>
+
  <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="menu_body">
+
    <ul class="fxmn">  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook"></a>ひょうし</li>  
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook">First</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week1">Week1 (Aug 12-14)</a></li>  
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week1">Week1 (Aug 12-14)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week2">Week2 (Aug 15-21)</a></li>  
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week2">Week2 (Aug 15-21)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week3">Week3 (Aug 22-28)</a></li>  
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week3">Week3 (Aug 22-28)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week4">Week4 (Aug 29-Sep4)</a></li>  
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week4">Week4 (Aug 29-Sep 4)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week5">Week5 (Sep5-12)</a></li>  
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week5">Week5 (Sep5-11)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week6">Week6 (Sep11-17)</a></li>  
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week6">Week6 (Sep12-18)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week7">Week7 (Sep18-24)</a></li>  
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week7">Week7 (sep19-25)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week8">Week8 (Sep25-31)</a></li>
+
      <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week8">Week8 (Sep26-31)</a></div></li>  
-
</ul>  
+
    </ul>  
-
</div>
+
  </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>
<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>
<BR>
-
<div class="container">  
+
<ul class="acc1">  
-
<a href="#"><img src="https://static.igem.org/mediawiki/2010/c/cd/KitDesignNote.png" width="160" height="32" class="menu_head" /></a>
+
  <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="menu_body">
+
    <ul class="fxmn">  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote"></a>ひょうし</li>  
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote">First</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week1">Week1 (Aug 22-28)</a></li>  
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week1">Week1 (Aug 22-28)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week2">Week2 (Aug 29-Sep4)</a></li>  
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week2">Week2 (Aug 29-Sep4)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week3">Week3 (Sep5-11)</a></li>  
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week3">Week3 (Sep5-11)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week4">Week4 (Sep12-18)</a></li>  
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week4">Week4 (Sep12-18)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week5">Week5 (Sep19-25)</a></li>  
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week5">Week5 (Sep19-25)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week6">Week6 (Sep26-Oct2)</a></li>  
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week6">Week6 (Sep26-Oct2)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week7">Week7 (Oct3-9)</a></li>  
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week7">Week7 (Oct3-9)</a></div></li>  
-
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week8">Week8 (Oct10-16)</a></li>
+
    <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/week8">Week8 (Oct10-16)</a></div></li>
-
</ul>  
+
    </ul>  
-
</div>
+
  </li>  
-
<BR>
+
</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>
<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>
</body>  
</body>  
</html>
</html>

Revision as of 06:58, 22 September 2010