Template:KIT-Kyoto/menu11

From 2011.igem.org

(Difference between revisions)
(Created page with "<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-heig...")
 
(3 intermediate revisions not shown)
Line 1: Line 1:
<html>  
<html>  
<head>  
<head>  
 +
 +
<!-- .acc=1個目ぴろぴろ .acc1=2個目ぴろぴろ と名前をつけた。(Body内class参照) -->
 +
 +
<style type="text/css">  
<style type="text/css">  
ul.acc, ul.acc li ul {  
ul.acc, ul.acc li ul {  
Line 53: Line 57:
var j$ = jQuery;  
var j$ = jQuery;  
   
   
 +
 +
/* .accの項目START */
 +
j$(function(){  
j$(function(){  
   j$(".acc").each(function(){  
   j$(".acc").each(function(){  
     j$("li > a", this).each(function(index){  
     j$("li > a", this).each(function(index){  
       var $this = j$(this);  
       var $this = j$(this);  
-
+
 
 +
/* ★↓if(index > 0) でいっこめぴろぴろ開く if(index <= 0)でいっこめぴろぴろ閉じる★ */
 +
 
       if(index > 0) $this.next().hide();  
       if(index > 0) $this.next().hide();  
   
   
Line 71: Line 80:
-
j$(function(){  
+
/* .accの項目おわり */
 +
 
 +
/* .acc1の項目START */ 
 +
 
 +
j$(function(){
 +
/* ↓.acc1の項目やでっていうのを示す */ 
   j$(".acc1").each(function(){  
   j$(".acc1").each(function(){  
     j$("li > a", this).each(function(index){  
     j$("li > a", this).each(function(index){  
       var $this = j$(this);  
       var $this = j$(this);  
-
   
+
  /* ★↓if(index > 0) で2こめぴろぴろ開く if(index <= 0)で2こめぴろぴろ閉じる★ */
       if(index <= 0) $this.next().hide();  
       if(index <= 0) $this.next().hide();  
   
   
Line 87: Line 101:
   });  
   });  
});  
});  
 +
 +
/* .acc1の項目おわり */
 +
</script>  
</script>  
   
   
Line 93: Line 110:
<body>  
<body>  
<div id="HIDARI">
<div id="HIDARI">
 +
 +
<!-- 1個目ぴろぴろを .accとclass分けした(名前つけた)↓ -->
 +
<ul class="acc">  
<ul class="acc">  
-
   <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/2/2b/KITNotebook.jpg" width="160" height="32" class="menu_head" /></a>  
+
   <li><a href="1"><img src="画像URL(▼Notebook)" width="160" height="32" class="menu_head" /></a>  
     <ul class="fxmn">  
     <ul class="fxmn">  
-
       <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook">First</a></div></li>  
+
       <li><div><a href="リンクアドレス">リンク文字(以下同様)</a></div></li>  
       <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week1">Week1 (Aug 11-14)</a></div></li>  
       <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week1">Week1 (Aug 11-14)</a></div></li>  
       <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week2">Week2 (Aug 15-21)</a></div></li>  
       <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week2">Week2 (Aug 15-21)</a></div></li>  
Line 110: Line 130:
   </li>  
   </li>  
</ul>
</ul>
-
<a href="https://2010.igem.org/Team:KIT-Kyoto/Protocol"><img src="https://static.igem.org/mediawiki/2010/8/88/KitProtocol.PNG" width="160" height="32" border="0" bordercolor="black"></a>
+
<a href="リンク(ぴろぴろなしそのままプロトコル)"><img src="画像URL(▼プロトコル)" width="160" height="32" border="0" bordercolor="black"></a>
<BR>
<BR>
<a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook/Promoters"><img src="https://static.igem.org/mediawiki/2010/8/82/KITPROMOTERS.PNG" width="160" height="32" border="0" bordercolor="black"></a>
<a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook/Promoters"><img src="https://static.igem.org/mediawiki/2010/8/82/KITPROMOTERS.PNG" width="160" height="32" border="0" bordercolor="black"></a>
<BR>
<BR>
 +
 +
<!-- 2個目ぴろぴろを .acc1とclass分けした(名前つけた)↓ -->
 +
<ul class="acc1">  
<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>  
   <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/c/cd/KitDesignNote.png" width="160" height="32" class="menu_head" /></a>  

Latest revision as of 17:51, 19 August 2011