Team:KIT-Kyoto/01wiki

From 2012.igem.org

(Difference between revisions)
m
m
 
(5 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html>  
 +
<head>
 +
<style type="text/css">
 +
ul.acc, ul.acc li ul {
 +
  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;
 +
}
-
<div id="menu">
 
-
  <ul>
 
-
      <li><a href="#">Home</a>
 
-
      </li>
 
-
    <li><a href="#">About Us</a>
 
-
        <ul>
 
-
            <li><a href="#">Profile</a></li>
 
-
            <li><a href="#">YouTube</a></li>
 
-
        </ul>
 
-
      </li>
 
-
      <li><a href="#">Project</a>
 
-
        <ul>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
        </ul>
 
-
      </li>
 
-
  </ul>
 
-
  <ul>
 
-
        <li><a href="">Notebook</a></li>
 
-
          <ul>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
        </ul>
 
-
      </li>
 
-
  </ul>
 
-
    <ul>
 
-
        <li><a href="">Safety</a></li>
 
-
          <ul>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
            <li><a href="#"></a></li>
 
-
        </ul>
 
-
      </li>
 
-
  </ul>
 
-
</div>
 
-
<style type="text/css>
 
-
/* メインメニュー */
 
-
#menu ul {
 
-
  display:block;
 
-
  list-style-type: none;
 
-
  margin:0;
 
-
  padding:0;
 
-
}
 
-
/* サブメニュー1段目 */
+
ul.acc1, ul.acc1 li ul {  
-
#menu ul ul{
+
  margin: 0;
-
  display:none;
+
  padding: 0;
-
  position:absolute;
+
  list-style: none;  
-
  top:100%;
+
}
-
  left:0;
+
-
}
+
ul.acc1 a{
 +
  display: block;  
 +
  height: 30px;  
 +
  line-height: 30px;
 +
  color: tranceplants;  
 +
}  
 +
 +
ul.acc1 {
 +
  background-color:nonef;
 +
}
 +
 +
ul.acc1 li ul {
 +
  background-color: none;
 +
}
 +
</style>
-
/* サブメニュー2段目以降 */
+
<script type="text/javascript" src="Template:KIT-Kyoto/js"></script>
-
#menu ul ul ul {
+
-
  top:0;
+
-
  left:100%;
+
-
}
+
-
/* リスト */
 
-
#menu li {
 
-
  float:left;
 
-
}
 
-
#menu li li {
+
<script type="text/javascript">
-
  clear:both;
+
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;
 +
      });
 +
    });
 +
  });
 +
});
-
#menu li:hover {
 
-
  position:relative;
 
-
}
 
-
#menu li:hover > ul {
+
j$(function(){
-
  display: block
+
  j$(".acc1").each(function(){
-
}
+
    j$("li > a", this).each(function(index){  
-
/* デザイン */
+
      var $this = j$(this);
-
#menu li {
+
-
  line-height:1.6em;
+
      if(index <= 0) $this.next().hide();
-
  text-align: center;
+
-
  background:#ddd;
+
      $this.click(function(){  
-
}
+
        var params = {height:"toggle", opacity:"toggle"};  
-
 
+
        j$(this).next().animate(params).parent().siblings()
-
#menu li li {
+
          .children("ul:visible").animate(params);  
-
  text-align: left;
+
        return false;  
-
}
+
      });
-
 
+
    });
-
#menu li a{
+
  });
-
  display: block;
+
});
-
  width:100px;
+
</script>
-
  text-decoration:none;
+
-
  color:#333;
+
</head>
-
  padding:0 10px;
+
-
}
+
<body>
-
 
+
<div id="HIDARI">
-
#menu li:hover {
+
<ul class="acc">
-
  background:#7BBA10;
+
  <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/2/2b/KITNotebook.jpg" width="160" height="32" class="menu_head" /></a>
-
  color:#333;
+
    <ul class="fxmn">
-
}
+
      <li><div><a href="">First</a></div></li>
-
 
+
      <li><div><a href="">Week1 (Aug 11-14)</a></div></li>
-
#menu .column1, #menu .column2, #menu .column3 {
+
      <li><div><a href="">Week2 (Aug 15-21)</a></div></li>
-
  color:#333;
+
      <li><div><a href="">Week3 (Aug 22-28)</a></div></li>
-
  background:#7BBA10;
+
      <li><div><a href="">Week4 (Aug 29-Sep 4)</a></div></li>
-
}
+
      <li><div><a href="">Week5 (Sep 5-11)</a></div></li>
-
</style>
+
      <li><div><a href="">Week6 (Sep 12-18)</a></div></li>
 +
      <li><div><a href="">Week7 (Sep 19-25)</a></div></li>
 +
      <li><div><a href="">Week8 (Sep 26-Oct 2)</a></div></li>
 +
      <li><div><a href="">Week9 (Oct 3-9)</a></div></li>
 +
      <li><div><a href="">Week10 (Oct 10-13)</a></div></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
<a href=""><img src="https://static.igem.org/mediawiki/2010/8/88/KitProtocol.PNG" width="160" height="32" border="0" bordercolor="black"></a>
 +
<BR>
 +
<a href=""><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="">First</a></div></li>
 +
    <li><div><a href="">Week1 (Aug 22-28)</a></div></li>
 +
    <li><div><a href="">Week2 (Aug 29-Sep4)</a></div></li>
 +
    <li><div><a href="">Week3 (Sep5-11)</a></div></li>
 +
    <li><div><a href="">Week4 (Sep12-18)</a></div></li>
 +
    <li><div><a href="">Week5 (Sep19-25)</a></div></li>
 +
    <li><div><a href="">Week6 (Sep26-Oct2)</a></div></li>
 +
    <li><div><a href="">Week7 (Oct3-9)</a></div></li>
 +
    <li><div><a href="">Week8 (Oct10-16)</a></div></li>
 +
    <li><div><a href="">Week9 (Oct17-23)</a></div></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
<a href=""><img src="https://static.igem.org/mediawiki/2010/3/32/KITPhotograph.jpg" width="160" height="32" border="0" bordercolor="black"></a>
 +
</div>
 +
</body>  
</html>
</html>

Latest revision as of 12:24, 11 July 2012