|
|
(21 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | [[File:KIT-logo.gif|right|link=http://www.kit.ac.jp/english/index.html]]
| |
| <html> | | <html> |
- | <head>
| + | <meta charset="UTF-8"> |
- | <meta http-equiv="Contnt-type" content="text/html; charset=Shift_JIS"> | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
- | <link rel="stylesheet" href="Header.css" type="text/css"> | + | <script type="text/javascript"> |
- | <title>KIT-Kyoto-Header
| + | $(function(){ |
- | </title>
| + | $("ul.menu").hide(); // .要素を[処理時間]かけて非表示にします |
- | </head>
| + | $("div.category").click(function(){ // イベント用のメソッドです。要素をクリックすることでイベント処理が行われます |
- | <img src="a" align="top" width="970" height="150">
| + | $("ul.menu").slideUp();// 要素を処理時間でスライドアップします |
- | <div>
| + | if($("+ul",this).css("display")=="none"){// ul要素(カテゴリー内のメニュー)カテゴリー内のメニューが表示されていないとき、メニューがsildeDownします |
- | <ul id="pulldown-menu">
| + | $("+ul",this).slideDown();// 要素を処理時間でスライドダウンします |
- | | + | } |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a>
| + | }); |
- | </li>
| + | }); |
- | | + | </script> |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">ABOUT US</a>
| + | <style type="text/css"> |
- | <ul>
| + | /*色*/ |
- | <li><a href="">PROFILE</a></li>
| + | body { |
- | <li><a href="">TWITTER</a></li>
| + | font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif; |
- | <li><a href="">YouTube</a></li>
| + | _font-family: 'MS Pゴシック', sans-serif; |
- | <li><a href="">PHOTOS</a></li> | + | |
- | </ul>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">PROJECT</a>
| + | |
- | <ul> | + | |
- | <li><a href="">OVERVIEW</a></li>
| + | |
- | <li><a href="">INTRODUCTION</a></li>
| + | |
- | <li><a href="">RESULTS</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Parts">PARTS</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook">NOTEBOOK</a>
| + | |
- | <ul>
| + | |
- | <li><a href="">LAB NOTE</a></li>
| + | |
- | <li><a href="">MEETING</a></li>
| + | |
- | <li><a href="">PROTOCOL</a></li>
| + | |
- | <li><a href="">DESIGN NOTE</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Humanpractice">HUMANPRACTICE</a>
| + | |
- | </li> | + | |
- | | + | |
- | </ul>
| + | |
- | <div>
| + | |
- | </html>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <html><head>
| + | |
- | | + | |
- | <style type="text/css"> | + | |
- | | + | |
- | .menu table, .menu tr, .menu td {background:transparent url("https://static.igem.org/mediawiki/2012/b/b1/Haikeimenu.png");}
| + | |
- | table,tr,td {background-color: transparent;}
| + | |
- | | + | |
- | | + | |
- | /* ナビ */
| + | |
- | #navi_continer {
| + | |
- | position: relative;
| + | |
- | z-index:100;
| + | |
- | width: 1000px;
| + | |
- | height:25px;
| + | |
- | font-weight: bold;
| + | |
| } | | } |
- | | + | div.category { |
- | #navi {
| + | margin:-top:5px; |
- | position: absolute;
| + | height:40px; |
- | top: 0px;
| + | line-height:40px; |
- | left: 0px;
| + | background:#fdeff2; |
- | width: 1000px;
| + | cursor:pointer; |
| } | | } |
- | | + | ul.navi{ |
- | #navi ul {
| + | width: 150px; |
- | margin: 0;
| + | margin: 0px; |
- | padding: 0;
| + | background:#e6cde3; |
- | list-style: none;
| + | |
| } | | } |
- | | + | ul.navi, ul.menu { |
- | #navi li {
| + | padding:0; |
- | color: #a86f4c
| + | margin:0; |
- | ; | + | list-style: none; |
- | float: left;
| + | |
- | width: 125px;
| + | |
- | margin: 0;
| + | |
| } | | } |
- | | + | ul.menu li{ |
- | #navi li a {
| + | padding-left:20px; |
- | font-size: 12px;
| + | margin:0; |
- | color: #a86f4c
| + | list-style: none; |
- | ;
| + | |
- | display: block;
| + | |
- | width: 100%;
| + | |
- | padding: 0px 0;
| + | |
- | text-align: center;
| + | |
- | text-decoration: none;
| + | |
- | background-color: transparent;
| + | |
| } | | } |
- | | + | div.category { |
- | #navi li a:hover {
| + | margin-top: 5px; |
- | color: #a86f4c
| + | padding-left: 20px; |
- | ; | + | height: 40px; |
- | background-color: #b44c97
| + | line-height: 40px; |
- | ; | + | background:#f09199; |
| } | | } |
- | | + | ul.menu a { |
- | /* サブメニュー */
| + | display: block; |
- | #navi ul.sub {
| + | height: 35px; |
- | background:transparent url("https://static.igem.org/mediawiki/2012/b/b1/Haikeimenu.png");
| + | line-height: 35px; |
| + | color:#fdeff2; |
| } | | } |
- |
| |
- | #navi ul.sub li {
| |
- | float: none;
| |
- | }
| |
- |
| |
- | #navi ul.sub li a {
| |
- | color: #a86f4c;
| |
- | background: none;
| |
- | font-size: 12px;
| |
- | font-weight: normal;
| |
- | padding: 1px 0;
| |
- | border-top:0px solid #b44c97
| |
- | ;
| |
- | }
| |
- |
| |
- | #navi ul.sub li a:hover {
| |
- |
| |
- | color: #ffffff;
| |
- | background-color: #b44c97
| |
- | ;
| |
- | }
| |
- |
| |
- | #navi ul li.navi_menu ul {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #navi ul li.navi_menu_on ul {
| |
- | display: block;
| |
- | }
| |
- |
| |
- | #navi li.navi_menu{
| |
- | border:0px solid #000099;
| |
- | }
| |
- |
| |
- | #navi li.navi_menu_on{
| |
- | border:0px solid #000099;
| |
- | }
| |
- |
| |
- |
| |
| </style> | | </style> |
- |
| |
- |
| |
| </head> | | </head> |
| <body> | | <body> |
- | <BR><BR>
| + | <div> |
- | | + | <ul class="navi"> |
- | <TABLE class="menu" border="0" background="https://static.igem.org/mediawiki/2012/3/3a/Haikeimenu2.png" bordercolor="black" cellspacing="0" cellpadding="0" width="100%"><tr><TD align="center">
| + | <li> |
- | | + | <div class="category">Lab Note</div> |
- | <div id="navi_continer"> | + | <ul class="menu"> |
- | <div id="navi">
| + | <li><a href="#">Week1</a></li> |
- | <ul> | + | <li><a href="#">Week2</a></li> |
- | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
| + | <li><a href="#">Week3</a></li> |
- | <a href="https://2012.igem.org/Team:KIT-Kyoto/Home"><Img src="https://static.igem.org/mediawiki/2012/e/e5/KIThome.png"></a> | + | <li><a href="#">Week4</a></li> |
- | </li>
| + | <li><a href="#">Week5</a></li> |
- | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | + | <li><a href="#">Week6</a></li> |
- | <a href=""><Img src="https://static.igem.org/mediawiki/2012/7/74/KITT.png"></a> | + | </ul> |
- | <ul class="sub"> | + | </li> |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">PROFILE</a></li> | + | <li> |
- | <li><a href="http://twitter.com/KITKyoto12" target="_blank">Twitter</a></li> | + | <div class="category">Protocol</div> |
- | <li><a href="target="_blank">YouTube</a></li> | + | </li> |
- | <li><a href="">PHOTOS</a></li> | + | <li> |
- | </ul> | + | <div class="category">Meeting</div> |
- | </li>
| + | <ul class="menu"> |
- | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
| + | <li><a href="#">MAY</a></li> |
- | <a href="https://2012.igem.org/Team:KIT-Kyoto/Project/Project"><Img src="https://static.igem.org/mediawiki/2012/b/bb/KITpro.png"></a> | + | <li><a href="#">JUNE</a></li> |
- | <ul class="sub">
| + | <li><a href="#">JULY</a></li> |
- | <li><a href="">OVERVIEW</a></li>
| + | <li><a href="#">AUGUST</a></li> |
- | <li><a href="">INTRODUCTION</a></li> | + | <li><a href="#">SEPTEMBER</a></li> |
- | <li><a href="">RESULTS</a></li>
| + | </ul> |
- | </ul> | + | </li> |
- | </li> | + | <li> |
- | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | + | <div class="category">Design</div> |
- | <a href="https://2012.igem.org/Team:KIT-Kyoto/Parts"><Img src="https://static.igem.org/mediawiki/2012/3/3f/KITpa.png"></a> | + | </li> |
- | </li> | + | </ul> |
- | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | + | |
- | <a href="https://2010.igem.org/Team:KIT-Kyoto/NoteJ"><Img src="https://static.igem.org/mediawiki/2012/f/f4/KITnote.png"></a> | + | |
- | <ul class="sub"> | + | |
- | <li><a href="">LAB NOTE</a></li> | + | |
- | <li><a href="">MEETING</a></li> | + | |
- | <li><a href="">PROTOCOL</a></li> | + | |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Design">DESIGN NOTE</a></li> | + | |
- | </ul> | + | |
- | </li>
| + | |
- | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
| + | |
- | <a href="https://2012.igem.org/Team:KIT-Kyoto/Project/Humanpractice"><Img src="https://static.igem.org/mediawiki/2012/a/a4/KIThupra.png"></a> | + | |
- | </li> | + | |
- | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | + | |
- | <a href="https://2012.igem.org/Team:KIT-Kyoto/Safety"><Img src="https://static.igem.org/mediawiki/2012/6/65/KITsa.png"></a> | + | |
- | </li>
| + | |
- | <ul class="sub"> | + | |
- | </ul> | + | |
- | </li> | + | |
- | | + | |
- | </ul> | + | |
- | </div>
| + | |
| </div> | | </div> |
| + | </body> |
| | | |
- | </TD> </tr>
| + | </html> |
- | </TABLE>
| + | |
- | | + | |
- | | + | |
- | </body></html>
| + | |