Team:KIT-Kyoto/kazukokekokko

From 2012.igem.org

(Difference between revisions)
m
m
Line 104: Line 104:
}
}
</style>
</style>
 +
<br>
 +
<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;
 +
}
 +
 +
 +
 +
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:nonef;
 +
}
 +
 +
ul.acc1 li ul {
 +
  background-color: none;
 +
}
 +
</style>
 +
 +
<script type="text/javascript" src="Template:KIT-Kyoto/js"></script>
 +
 +
 +
<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;
 +
      });
 +
    });
 +
  });
 +
});
 +
 +
 +
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>
 +
 +
</head>
 +
 +
<body>
 +
<div id="HIDARI">
 +
<ul class="acc">
 +
  <li><a href="1"><img src="" width="160" height="32" class="menu_head" />NOTEBOOK</a>
 +
    <ul class="fxmn">
 +
      <li><div><a href="">First</a></div></li>
 +
      <li><div><a href="">Week1 ()</a></div></li>
 +
      <li><div><a href="">Week2 ()</a></div></li>
 +
      <li><div><a href="">Week3 ()</a></div></li>
 +
      <li><div><a href="">Week4 ()</a></div></li>
 +
      <li><div><a href="">Week5 ()</a></div></li>
 +
      <li><div><a href="">Week6 ()</a></div></li>
 +
      <li><div><a href="">Week7 ()</a></div></li>
 +
      <li><div><a href="">Week8 ()</a></div></li>
 +
      <li><div><a href="">Week9 ()</a></div></li>
 +
      <li><div><a href="">Week10 ()</a></div></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
<a href=""><img src="" width="160" height="32" border="0" bordercolor="black"></a>
 +
<BR>
 +
<a href=""><img src="" width="160" height="32" border="0" bordercolor="black"></a>
 +
<BR>
 +
<a href="1"><img src="" width="160" height="32" class="menu_head" />DESIGN NOTE</a>
 +
</div>
 +
</body>

Revision as of 12:35, 17 August 2012

pre page スクラップみたいにしてみる????

Takaaki Takeda

detail

Shunji Matsuzaki

detail




pfofile ex.いちいち押すやつ
MENU 参考 go
見出し go
日本の伝統色
候補 go