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