Template:KIT-Kyoto.Header
From 2012.igem.org
(Difference between revisions)
(49 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | ||
- | < | + | <head> |
- | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> | |
- | + | ||
- | <script type="text/javascript" src="http:// | + | |
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | |||
$(function(){ | $(function(){ | ||
- | var | + | var setImg = '#viewer'; |
- | var | + | var fadeSpeed = 1500; |
- | + | var switchDelay = 5000; | |
- | + | ||
- | + | ||
- | + | ||
- | var | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | $(setImg).children('img').css({opacity:'0'}); | |
- | + | $(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | setInterval(function(){ | |
- | + | $(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg); | |
- | + | },switchDelay); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
}); | }); | ||
- | |||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
- | + | .menu table, .menu tr, .menu td {background:transparent url("");} | |
- | .menu table, .menu tr, .menu td {background:transparent url(" | + | |
table,tr,td {background-color: transparent;} | table,tr,td {background-color: transparent;} | ||
- | |||
#navi_continer { | #navi_continer { | ||
position: relative; | position: relative; | ||
z-index:100; | z-index:100; | ||
- | width: | + | width: 965px; |
- | height: | + | height:30px; |
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Line 99: | Line 33: | ||
top: 0px; | top: 0px; | ||
left: 0px; | left: 0px; | ||
- | width: | + | width: 965px; |
} | } | ||
Line 109: | Line 43: | ||
#navi li { | #navi li { | ||
- | color: #a86f4c | + | color: #a86f4c; |
- | ; | + | |
float: left; | float: left; | ||
- | width: | + | width: 120px; |
margin: 0; | margin: 0; | ||
} | } | ||
Line 118: | Line 51: | ||
#navi li a { | #navi li a { | ||
font-size: 12px; | font-size: 12px; | ||
- | color: #a86f4c | + | color: #a86f4c; |
- | ; | + | |
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
Line 129: | Line 61: | ||
#navi li a:hover { | #navi li a:hover { | ||
- | color: #a86f4c | + | color: #a86f4c; |
- | ; | + | background-color: #b44c97; |
- | background-color: #b44c97 | + | |
- | ; | + | |
} | } | ||
- | + | /*ここ*/ | |
- | /* | + | |
#navi ul.sub { | #navi ul.sub { | ||
- | background:transparent url("https://static.igem.org/mediawiki/2012/ | + | background:transparent url("https://static.igem.org/mediawiki/2012/6/66/KitHaikei3.png"); |
} | } | ||
Line 143: | Line 72: | ||
float: none; | float: none; | ||
} | } | ||
- | + | /*編集*/ | |
#navi ul.sub li a { | #navi ul.sub li a { | ||
- | color: # | + | color: #FFFFFC; |
background: none; | background: none; | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: normal; | font-weight: normal; | ||
padding: 1px 0; | padding: 1px 0; | ||
- | border-top:0px solid #b44c97 | + | border-top:0px solid #b44c97; |
- | ; | + | |
} | } | ||
Line 177: | Line 105: | ||
} | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | #viewer { | ||
+ | margin: 0 auto; | ||
+ | width: 965px; | ||
+ | height: 192px; | ||
+ | text-align: left; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #viewer img { | ||
+ | top: 300; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | } | ||
</style> | </style> | ||
+ | |||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
- | |||
- | < | + | |
+ | <br> | ||
+ | <div id="viewer"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/7e/KIT-KyotoA.jpg" width="965" height="192" alt="" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/02/KIT-KyotoB.jpg" width="965" height="192" alt="" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/9/9b/KIT-KyotoC.jpg" width="965" height="192" alt="" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/2/29/KIT-KyotoD.jpg" width="965" height="192" alt="" /> | ||
+ | </div> | ||
+ | |||
+ | <TABLE class="menu" border="0" cellspacing="0" cellpadding="0" width="965px" align="center"><tr><TD align="center"> | ||
<div id="navi_continer"> | <div id="navi_continer"> | ||
Line 189: | Line 145: | ||
<ul> | <ul> | ||
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
- | <a href="https://2012.igem.org/Team:KIT-Kyoto"><Img src="https://static.igem.org/mediawiki/2012/ | + | <a href="https://2012.igem.org/Team:KIT-Kyoto/Home"><Img src="https://static.igem.org/mediawiki/2012/f/f7/KITHome.jpg" width="121" height=30"></a> |
</li> | </li> | ||
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
- | + | <Img src="https://static.igem.org/mediawiki/2012/8/8a/KITAbout_us.jpg" width="121" height="30"> | |
<ul class="sub"> | <ul class="sub"> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">PROFILE</a></li> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">PROFILE</a></li> | ||
<li><a href="http://twitter.com/KITKyoto12" target="_blank">Twitter</a></li> | <li><a href="http://twitter.com/KITKyoto12" target="_blank">Twitter</a></li> | ||
- | <li><a href="target="_blank">YouTube</a></li> | + | <li><a href="http://www.youtube.com/channel/UCgHtoLj5tCLqZMmrO1pSC1Q" target="_blank">YouTube</a></li> |
+ | <li><a href="https://igem.org/Team.cgi?id=758">Official Profile</a></li> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Photos">PHOTOS</a></li> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Photos">PHOTOS</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
- | + | <Img src="https://static.igem.org/mediawiki/2012/e/e7/KITProject.jpg" width="121" height="30"> | |
<ul class="sub"> | <ul class="sub"> | ||
- | <li><a href="">OVERVIEW</a></li> | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project#Overview">OVERVIEW</a></li> |
- | <li><a href="">INTRODUCTION</a></li> | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project#Introduction">INTRODUCTION</a></li> |
- | <li><a href="">RESULTS</a></li> | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project#Results">RESULTS</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
- | <a href="https://2012.igem.org/Team:KIT-Kyoto/Parts"><Img src="https://static.igem.org/mediawiki/2012/ | + | <a href="https://2012.igem.org/Team:KIT-Kyoto/Parts"><Img src="https://static.igem.org/mediawiki/2012/6/6d/KITParts.jpg" width=121" height="30"></a> |
</li> | </li> | ||
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
- | + | <Img src="https://static.igem.org/mediawiki/2012/1/15/KITNote_book.jpg" width="121" height="30"> | |
<ul class="sub"> | <ul class="sub"> | ||
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook"> | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-week1p">PARTS</a></li> |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Meeting">MEETING</a></li> | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-week1">TNFAIP3</a></li> |
+ | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Meeting-may">MEETING</a></li> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Protocol">PROTOCOL</a></li> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Protocol">PROTOCOL</a></li> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Design">DESIGN NOTE</a></li> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Design">DESIGN NOTE</a></li> | ||
Line 221: | Line 179: | ||
</li> | </li> | ||
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
- | <a href="https://2012.igem.org/Team:KIT-Kyoto/Humanpractice"><Img src="https://static.igem.org/mediawiki/2012/ | + | <a href="https://2012.igem.org/Team:KIT-Kyoto/Humanpractice"><Img src="https://static.igem.org/mediawiki/2012/6/6a/KITHuman_practice.jpg" width="121" height="30"></a> |
</li> | </li> | ||
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | <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/ | + | <a href="https://2012.igem.org/Team:KIT-Kyoto/Safety"><Img src="https://static.igem.org/mediawiki/2012/c/c8/KITSafety.jpg" width="121" height="30"></a> |
</li> | </li> | ||
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
- | <a href="https://2012.igem.org/ | + | <a href="https://2012.igem.org/Main_Page"><Img src="https://static.igem.org/mediawiki/2012/e/ee/KITIgem.jpg" width="125" height="30"></a> |
</li> | </li> | ||
<ul class="sub"> | <ul class="sub"> | ||
Line 235: | Line 193: | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
</TD> </tr> | </TD> </tr> | ||
</TABLE> | </TABLE> | ||
- | |||
<br> | <br> | ||
<br> | <br> | ||
</body></html> | </body></html> |
Latest revision as of 01:27, 26 September 2012