|
|
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> |