Team:KIT-Kyoto/Template/header

From 2012.igem.org

(Difference between revisions)
m
m
 
(35 intermediate revisions not shown)
Line 1: Line 1:
-
<html lang="ja">
+
<html>
-
<head>
+
<meta charset="UTF-8">
-
<title>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
KIT-Kyoto-header
+
<script type="text/javascript">
-
</title>
+
$(function(){
-
<img src="a" align="top" width="970" height="150">
+
    $("ul.menu").hide(); // .要素を[処理時間]かけて非表示にします
 +
    $("div.category").click(function(){ // イベント用のメソッドです。要素をクリックすることでイベント処理が行われます
 +
        $("ul.menu").slideUp();// 要素を処理時間でスライドアップします
 +
        if($("+ul",this).css("display")=="none"){// ul要素（カテゴリー内のメニュー）カテゴリー内のメニューが表示されていないとき、メニューがsildeDownします
 +
            $("+ul",this).slideDown();// 要素を処理時間でスライドダウンします
 +
        }
 +
    });
 +
});
 +
</script>
 +
<style type="text/css">
 +
/*色*/
 +
body {
 +
    font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
 +
    _font-family: 'ＭＳ Ｐゴシック', sans-serif;
 +
}
 +
div.category {
 +
    margin:-top:5px;
 +
    height:40px;
 +
    line-height:40px;
 +
    background:#fdeff2;
 +
    cursor:pointer;
 +
}
 +
ul.navi{
 +
    width: 150px;
 +
    margin: 0px;
 +
    background:#e6cde3;
 +
}
 +
ul.navi, ul.menu {
 +
    padding:0;
 +
    margin:0;
 +
    list-style: none;
 +
}
 +
ul.menu li{
 +
    padding-left:20px;
 +
    margin:0;
 +
    list-style: none;
 +
}
 +
div.category {
 +
    margin-top: 5px;
 +
    padding-left: 20px;
 +
    height: 40px;
 +
    line-height: 40px;
 +
    background:#f09199;
 +
}
 +
ul.menu a {
 +
    display: block;
 +
    height: 35px;
 +
    line-height: 35px;
 +
    color:#fdeff2;
 +
}
 +
</style>
 +
</head>
 +
<body>
<div>
<div>
-
<ul id="pulldown-menu">
+
    <ul class="navi">
-
 
+
        <li>
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a>
+
            <div class="category">Lab Note</div>
-
</li>
+
            <ul class="menu">
-
 
+
                <li><a href="#">Week1</a></li>
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">ABOUT US</a>
+
                <li><a href="#">Week2</a></li>
-
    <ul>
+
                <li><a href="#">Week3</a></li>
-
    <li><a href="">PROFILE</a></li>
+
                <li><a href="#">Week4</a></li>
-
    <li><a href="">TWITTER</a></li>
+
                <li><a href="#">Week5</a></li>
-
    <li><a href="">YouTube</a></li>
+
                <li><a href="#">Week6</a></li>
-
     <li><a href="">PHOTOS</a></li>
+
            </ul>
 +
        </li>
 +
        <li>
 +
            <div class="category">Protocol</div>
 +
        </li>
 +
        <li>
 +
            <div class="category">Meeting</div>
 +
            <ul class="menu">
 +
                <li><a href="#">MAY</a></li>
 +
                <li><a href="#">JUNE</a></li>
 +
                <li><a href="#">JULY</a></li>
 +
                <li><a href="#">AUGUST</a></li>
 +
        　     <li><a href="#">SEPTEMBER</a></li>
 +
            </ul>
 +
        </li>
 +
        <li>
 +
            <div class="category">Design</div>
 +
        </li>
     </ul>
     </ul>
-
</li>
+
</div>
 +
</body>
-
<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>

Latest revision as of 14:07, 25 August 2012

Retrieved from "http://2012.igem.org/Team:KIT-Kyoto/Template/header"