Team:TCU Taiwan/Notebook
From 2014.igem.org
(Difference between revisions)
Line 7: | Line 7: | ||
<head> | <head> | ||
<meta name="google-site-verification" content="pY8JgIYK6zMi9LoymHQcUKbj-xnD-rcPBrYI-xllU9o" /> | <meta name="google-site-verification" content="pY8JgIYK6zMi9LoymHQcUKbj-xnD-rcPBrYI-xllU9o" /> | ||
+ | |||
+ | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | ||
+ | <script type="text/javascript" language="javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $('.ann_header') | ||
+ | .hover(function() { | ||
+ | cursorChange(this); | ||
+ | }) | ||
+ | .click(function() { | ||
+ | foldToggle(this); | ||
+ | }); | ||
+ | //.trigger('click'); | ||
+ | |||
+ | $('.ann_sub_header') | ||
+ | .hover(function() { | ||
+ | cursorChange(this); | ||
+ | }) | ||
+ | .click(function() { | ||
+ | foldToggle(this); | ||
+ | }) | ||
+ | .trigger('click'); // 預設是折疊起來 | ||
+ | |||
+ | }); | ||
+ | |||
+ | // 打開or摺疊選單 | ||
+ | function foldToggle(element) { | ||
+ | $(element).next('ul').slideToggle(); | ||
+ | } | ||
+ | |||
+ | // 讓游標移到標題上時,圖案會變成手指 | ||
+ | function cursorChange(element, cursorType) { | ||
+ | $(element).css('cursor', 'pointer'); | ||
+ | } | ||
+ | </script> | ||
</head> | </head> | ||
<body style="background:#ffffff"> | <body style="background:#ffffff"> | ||
Line 158: | Line 192: | ||
</td> | </td> | ||
- | <td></td> | + | <td> |
+ | |||
+ | <ul> | ||
+ | <li> | ||
+ | <h3 class='ann_header'>---大標題1---</h3> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <h4 class='ann_sub_header'>---小標題1---</h4> | ||
+ | <ul> | ||
+ | <li> | ||
+ | ---內容1--- | ||
+ | </li> | ||
+ | <br/> | ||
+ | <li> | ||
+ | ---內容2--- | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <h3 class='ann_header'>---大標題2---</h3> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <h4 class='ann_sub_header'>---小標題2---</h4> | ||
+ | <ul> | ||
+ | <li> | ||
+ | ---內容3--- | ||
+ | </li> | ||
+ | <br/> | ||
+ | <li> | ||
+ | ---內容4--- | ||
+ | </li> | ||
+ | <br/> | ||
+ | <li> | ||
+ | ---內容5--- | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </td> | ||
<td></td> | <td></td> | ||
</tr> | </tr> |
Revision as of 13:36, 22 September 2014
|