Template:KIT-Kyoto.Header

From 2012.igem.org

(Difference between revisions)
 
(49 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<div id="NAKAMI">
+
 
-
<br>
+
<head>
-
<br>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
-
<link rel="stylesheet" type="text/css" href="http://www.bluebamboo.co.jp/rule/template/jslist/file_016/css/change.css" media="all" />
+
-
<script type="text/javascript" src="http://www.bluebamboo.co.jp/rule/template/jslist/file_016/js/jquery-1.2.6.min.js"></script>
+
<script type="text/javascript">
<script type="text/javascript">
-
<!--
 
$(function(){
$(function(){
-
var imgNo = 4; //画像枚数
+
var setImg = '#viewer';
-
var currentNo = 0;
+
var fadeSpeed = 1500;
-
var targetNo = 0;
+
var switchDelay = 5000;
-
var timerId;
+
-
var fspeeds=1500; //切り替え時間
+
-
+
-
var links = [ //画像にリンクを指定(不用な場合は、spaceでOK)
+
-
"http://www.yahoo.co.jp/",
+
-
"http://www.yahoo.co.jp/",
+
-
"http://www.yahoo.co.jp/",
+
-
"http://www.yahoo.co.jp/"
+
-
];
+
-
var alts = [ //画像の説明文(不用な場合は、spaceでOK)
+
-
"画像の説明その1",
+
-
"画像の説明その2",
+
-
"画像の説明その3",
+
-
"画像の説明その4"
+
-
];
+
-
+
-
//initialize
+
-
(function(){
+
-
for(var i=1; i<=imgNo; i++){
+
-
//create element
+
-
$('<div id="rImg'+i+'">').appendTo($('#mainImg'));
+
-
+
-
//load image
+
-
var img = $('<img>').attr('src','Kittop'+i+'.jpg');
+
-
img.attr('alt',alts[i-1]);
+
-
img.load(imgLoaded.call(img, i));
+
-
}
+
$(setImg).children('img').css({opacity:'0'});
-
})();
+
$(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed);
-
+
-
function imgLoaded(no){
+
-
//add image
+
-
var obj = $('#rImg'+no);
+
-
obj.children('img').remove();
+
-
obj.append($(this));
+
-
$('<a href="'+links[no-1]+'" />').append(this).appendTo(obj);
+
-
//start animation
+
setInterval(function(){
-
if(no==1) loop();
+
$(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg);
-
}
+
},switchDelay);
-
+
-
//rotation image
+
-
function loop(){
+
-
//fadeout current image
+
-
if(currentNo!=0) $('#rImg'+currentNo).fadeOut(fspeeds);
+
-
+
-
if(targetNo==0) currentNo = ++currentNo>imgNo?1:currentNo;
+
-
else currentNo = targetNo;
+
-
targetNo = 0;
+
-
+
-
//fadein next image
+
-
$('#rImg'+currentNo).fadeIn(fspeeds);
+
-
timerId = setTimeout(loop, 7000)
+
-
}
+
});
});
-
--!>
 
</script>
</script>
-
 
-
<body>
 
-
<div id="mainImg">
 
-
  <noscript><img src="Kittop1.jpg" alt="" width="650" height="400" /></noscript>
 
-
</div>
 
-
</body> 
 
-
 
-
 
-
<a href="https://2012.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/3/3f/Igem.png"class="iGEM" align="left" width="170" height="120"></a>
 
-
<img src="" class="KITlogo" align="right" width="170" height="120" title="KITlogo">
 
-
<div align="center"><img src="a" width="1000" height="150" class="Header"></div>
 
-
</div>
 
-
<head>
 
<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("https://static.igem.org/mediawiki/2012/b/b1/Haikeimenu.png");}
+
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: 1000px;
+
width: 965px;
-
height:25px;
+
height:30px;
font-weight: bold;
font-weight: bold;
}
}
Line 99: Line 33:
top: 0px;
top: 0px;
left: 0px;
left: 0px;
-
width: 1000px;
+
width: 965px;
}
}
Line 109: Line 43:
#navi li {
#navi li {
-
color: #a86f4c
+
color: #a86f4c;
-
;
+
float: left;
float: left;
-
width: 125px;
+
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/b/b1/Haikeimenu.png");
+
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: #a86f4c;
+
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><BR>
 
-
<TABLE class="menu" border="0" background="https://static.igem.org/mediawiki/2012/3/3a/Haikeimenu2.png" bordercolor="black" cellspacing="0" cellpadding="0" width="80%" align="center"><tr><TD align="center">       
+
 
 +
<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/e/e5/KIThome.png"></a>
+
<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'">
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Team"><Img src="https://static.igem.org/mediawiki/2012/7/74/KITT.png"></a>
+
<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'">
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Project"><Img src="https://static.igem.org/mediawiki/2012/b/bb/KITpro.png"></a>
+
<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/3/3f/KITpa.png"></a>
+
<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'">
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook"><Img src="https://static.igem.org/mediawiki/2012/f/f4/KITnote.png"></a>
+
<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">LAB NOTE</a></li>
+
<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/a4/KIThupra.png"></a>
+
<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/6/65/KITsa.png"></a>
+
<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/Team:KIT-Kyoto/Sponsors"><Img src="https://static.igem.org/mediawiki/2012/1/16/Sponsors.png"></a>
+
<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>
<br>
</body></html>
</body></html>

Latest revision as of 01:27, 26 September 2012