Team:KIT-Kyoto/Team

From 2012.igem.org

(Difference between revisions)
m
m
Line 110: Line 110:
</p>
</p>
</div>
</div>
-
<!--まだ終わってないやつ--!>
 
-
<div class="slideshow">
 
-
        <img src=""alt="" />
 
-
        <img src="" alt="" class="alt" />
 
-
        <img src="" alt="" class="alt" />
 
-
</div>
 
-
<script style="text/css>
 
-
.slideshow{
 
-
      width:1000px;
 
-
      height:150px;
 
-
      margin:0 20px 20px 0;
 
-
      float:left;
 
-
      posithin:relative;
 
-
}
 
-
.slideshow img{
 
-
      position:absolute;
 
-
      top:0;
 
-
      left:0;
 
-
      border:1px solid #000
 
-
}
 
-
.slideshow img.alt{
 
-
      display:none;
 
-
}
 
-
</script>
 
-
<script style="javascript">
 
-
$(function(){
 
-
          var interval = 3000;
 
-
          $('.slideshow').each(function(){
 
-
                var container = $(this);
 
-
                function switchImg(){
 
-
                        var imgs = container.find('img);
 
-
                        var first =i img.eq(0);
 
-
                        var second = img.eq(1);
 
-
                        first.fadeOut().appendTo(container);
 
-
                        second.fadeIn();
 
-
                  }
 
-
                  setInterval(switchImg,interval);
 
-
          });
 
-
});
 
-
</script>
 
-
<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>
 
-
 
-
<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:none;
 
-
}
 
-
 
-
ul.acc1 li ul {
 
-
  background-color: none;
 
-
}
 
-
</style>
 
-
 
-
<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>
 
-
 
-
<div id="HIDARI">
 
-
<ul class="acc">
 
-
  <li><a href=""><img src="" width="160" height="32" class="menu_head" />LAB NOTE</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">PROTOCOL</a>
 
-
<BR>
 
-
<ul class="acc1">
 
-
  <li><a href=""><img src="" width="160" height="32" class="menu_head" />MEETING</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>
 
-
    </ul>
 
-
  </li>
 
-
</ul>
 
-
<a href=""><img src="" width="160" height="32" border="0" bordercolor="black">DESIGN NOTE</a>
 
<BR>
<BR>
</div>
</div>

Revision as of 01:17, 23 August 2012




idea note スクラップみたいにしてみる????

PROFILE

Takaaki Takeda

detail

Shunji Matsuzaki

detail

Yu Tanaka

detail