"
Team:Osaka/Team
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
{{Yes24da}} | {{Yes24da}} | ||
<html> | <html> | ||
| + | <head> | ||
| + | <script> | ||
| + | function imagechangerM(){ | ||
| + | $('#zenin').animate({"opacity":0},500); | ||
| + | $('#tatsu').animate({"opacity":0},500); | ||
| + | $('#ryu').animate({"opacity":0},500); | ||
| + | $('#mas').animate({"opacity":0},500); | ||
| + | $('#kauj_img img').css("z-index","1"); | ||
| + | $('#mas').css("z-index","2"); | ||
| + | $('#back').css("z-index","3"); | ||
| + | $('#mas').animate({"opacity":1},500); | ||
| + | $('#masuda').css("opacity","0.3"); | ||
| + | $('#tatsuya').css("opacity","1"); | ||
| + | $('#ryusei').css("opacity","1"); | ||
| + | $('#masuda').attr('disabled', true); | ||
| + | $('#ryusei').attr('disabled', false); | ||
| + | $('#ryusei').removeAttr('disabled'); | ||
| + | $('#tatsuya').attr('disabled', false); | ||
| + | $('#tatsuya').removeAttr('disabled'); | ||
| + | // $('#t_masuda').css("z-index","5"); | ||
| + | // $('#t_tatsuya').css("z-index","2"); | ||
| + | // $('#t_ryusei').css("z-index","2"); | ||
| + | |||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | function imagechangerR(){ | ||
| + | $('#zenin').animate({"opacity":0},500); | ||
| + | $('#mas').animate({"opacity":0},500); | ||
| + | $('#tatsu').animate({"opacity":0},500); | ||
| + | $('#ryu').animate({"opacity":0},500); | ||
| + | $('#kauj_img img').css("z-index","1"); | ||
| + | $('#ryu').css("z-index","2"); | ||
| + | $('#back').css("z-index","3"); | ||
| + | $('#ryu').animate({"opacity":1},500); | ||
| + | $('#ryusei').css("opacity","0.3"); | ||
| + | $('#tatsuya').css("opacity","1"); | ||
| + | $('#masuda').css("opacity","1"); | ||
| + | $('#ryusei').attr('disabled', true); | ||
| + | $('#masuda').attr('disabled', false); | ||
| + | $('#masuda').removeAttr('disabled'); | ||
| + | $('#tatsuya').attr('disabled', false); | ||
| + | $('#tatsuya').removeAttr('disabled'); | ||
| + | // $('#t_masuda').css("z-index","2"); | ||
| + | // $('#t_tatsuya').css("z-index","2"); | ||
| + | // $('#t_ryusei').css("z-index","5"); | ||
| + | } | ||
| + | |||
| + | function imagechangerT(){ | ||
| + | $('#zenin').animate({"opacity":0},500); | ||
| + | $('#mas').animate({"opacity":0},500); | ||
| + | $('#ryu').animate({"opacity":0},500); | ||
| + | $('#tatsu').animate({"opacity":0},500); | ||
| + | $('#zenin').css("z-index","1"); | ||
| + | $('#tatsu').css("z-index","2"); | ||
| + | $('#back').css("z-index","3"); | ||
| + | $('#tatsu').animate({"opacity":1},500); | ||
| + | $('#tatsuya').css("opacity","0.3"); | ||
| + | $('#masuda').css("opacity","1"); | ||
| + | $('#ryusei').css("opacity","1"); | ||
| + | $('#tatsuya').attr('disabled', true); | ||
| + | $('#ryusei').attr('disabled', false); | ||
| + | $('#ryusei').removeAttr('disabled'); | ||
| + | $('#masuda').attr('disabled', false); | ||
| + | $('#masuda').removeAttr('disabled'); | ||
| + | // $('#t_masuda').css("z-index","2"); | ||
| + | // $('#t_tatsuya').css("z-index","5"); | ||
| + | // $('#t_ryusei').css("z-index","2"); | ||
| + | } | ||
| + | |||
| + | function back(){ | ||
| + | $('#tatsu').animate({"opacity":0},500); | ||
| + | $('#mas').animate({"opacity":0},500); | ||
| + | $('#ryu').animate({"opacity":0},500); | ||
| + | $('#zenin').animate({"opacity":0},500); | ||
| + | $('#zenin').css("z-index","4"); | ||
| + | $('#ryu').css("z-index","2"); | ||
| + | $('#tatsu').css("z-index","2"); | ||
| + | $('#mas').css("z-index","2"); | ||
| + | $('#back').css("z-index","2"); | ||
| + | $('#masuda').css("opacity","1"); | ||
| + | $('#tatsuya').css("opacity","1"); | ||
| + | $('#ryusei').css("opacity","1"); | ||
| + | |||
| + | $('#masuda').attr('disabled', false); | ||
| + | $('#masuda').removeAttr('disabled'); | ||
| + | $('#ryusei').attr('disabled', false); | ||
| + | $('#ryusei').removeAttr('disabled'); | ||
| + | $('#tatsuya').attr('disabled', false); | ||
| + | $('#tatsuya').removeAttr('disabled'); | ||
| + | |||
| + | // $('#t_masuda').css("z-index","2"); | ||
| + | // $('#t_tatsuya').css("z-index","2"); | ||
| + | // $('#t_ryusei').css("z-index","2"); | ||
| + | |||
| + | $('#zenin').animate({"opacity":1},500); | ||
| + | |||
| + | } | ||
| + | |||
| + | </script> | ||
| + | </head> | ||
<body> | <body> | ||
<div id="team-a"> | <div id="team-a"> | ||
| Line 20: | Line 122: | ||
<div id="safety" style=" width:800px; height:100%;"> | <div id="safety" style=" width:800px; height:100%;"> | ||
<div id="kage" style=" position:absolute; top:100px; width:1200px; height:400px; left:50%; margin-left:-600px;"> | <div id="kage" style=" position:absolute; top:100px; width:1200px; height:400px; left:50%; margin-left:-600px;"> | ||
| - | + | <div id="ikuta" class="name" > | |
| - | < | + | <input type="image"src="https://static.igem.org/mediawiki/2013/6/6e/Ikuta-zen.png" alt="ikuta" style="width:150px; float:left; position:relative; bottom:0px;"onmouseover="this.src='https://static.igem.org/mediawiki/2013/f/f1/Ikuta-mouse.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2013/6/6e/Ikuta-zen.png'" onclick="imagechanger1()"/> |
| - | + | </div> | |
| - | < | + | <div id="iwakiri" class="name" > |
| - | + | <input type="image" src="https://static.igem.org/mediawiki/2013/c/c7/Iwakiri.png" alt="iwakiri" style="width:165px; float:left; position:relative; bottom:30px;" onmouseover="this.src='https://static.igem.org/mediawiki/2013/0/00/Iwakiri_mouse.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2013/c/c7/Iwakiri.png'" onclick="imagechanger1()"/> | |
| - | < | + | </div> |
| - | + | <div id="sugihara" class="name" > | |
| - | < | + | <input type="image"src="https://static.igem.org/mediawiki/2013/e/e1/Sugiharashiru.png" alt="sugihara" style="width:165px; float:left; position:relative; bottom:30px;" onmouseover="this.src='https://static.igem.org/mediawiki/2013/8/84/Sugihara.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2013/e/e1/Sugiharashiru.png'" onclick="imagechanger1()"/> |
| - | + | </div> | |
| - | < | + | <div id="tsuzuki" class="name" > |
| - | + | <input type="image" src="https://static.igem.org/mediawiki/2013/9/94/Tsuzukishiru.png" alt="tsuzuki" style="width:165px; float:left; position:relative; bottom:30px;" onmouseover="this.src='https://static.igem.org/mediawiki/2013/a/ad/Tsuzuki.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2013/9/94/Tsuzukishiru.png'" onclick="imagechanger1()"/> | |
| - | < | + | </div> |
| - | + | <div id="ikenoue" class="name" > | |
| - | < | + | <input type="image" src="https://static.igem.org/mediawiki/2013/5/5c/Ikenoue.png" alt="ikenoue" style="width:165px; float:left; position:relative; bottom:30px;" onmouseover="this.src='https://static.igem.org/mediawiki/2013/f/fa/Ikenouezen.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2013/5/5c/Ikenoue.png'" onclick="imagechanger1()"/> |
| + | </div> | ||
| + | <div id="matsumura" class="name" > | ||
| + | <input type="image" src="https://static.igem.org/mediawiki/2013/8/8b/Matsumura.png" alt="matsumura" style="width:150px; float:left; position:relative; bottom:50px;" onmouseover="this.src='https://static.igem.org/mediawiki/2013/4/46/Matsumuraz.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2013/8/8b/Matsumura.png'" onclick="imagechanger1()"/> | ||
| + | </div> | ||
| + | <div id="nishiyama" class="name" > | ||
| + | <input type="image" src="https://static.igem.org/mediawiki/2013/9/90/Nisiyama.png" alt="nishiyama" style="width:178px; float:left; position:relative; bottom:30px;" onmouseover="this.src='https://static.igem.org/mediawiki/2013/4/45/Nisiyama-z.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2013/9/90/Nisiyama.png'" onclick="imagechanger1()"/> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 22:48, 27 September 2013
