Team:Osaka/Team

Revision as of 23:09, 27 September 2013 (view source)

Kakimoto (Talk | contribs)

← Older edit

Revision as of 23:19, 27 September 2013 (view source)

Kakimoto (Talk | contribs)

Newer edit →

Line 3:

<head>

-

function ~~imagechangerM~~(){

+

function imagechangeriku(){

-

$('#~~zenin~~').animate({"opacity":0},500);

+

$('#moto').animate({"opacity":0},500);

-

$('#~~tatsu~~').animate({"opacity":0},500);

+

$('#iwa').animate({"opacity":0},500);

-

$('#~~ryu~~').animate({"opacity":0},500);

+

$('#sugi').animate({"opacity":0},500);

-

$('#~~mas~~').animate({"opacity":0},500);

+

$('#nishi').animate({"opacity":0},500);

-

$('#~~kauj_img img~~').css("z-index","1");

+

$('#tsuzu').animate({"opacity":0},500);

-

$('#~~mas~~').css("z-index","2");

+

$('#matsu').animate({"opacity":0},500);

-

$('#~~back~~').css("z-index","3");

+

$('#ike').animate({"opacity":0},500);

-

$('#~~mas~~').animate({"opacity":1},500);

+

$('#moto').css("z-index","1");

+

$('#iwa').css("z-index","1");

+

$('#sugi').css("z-index","1");

+

$('#nishi').css("z-index","1");

+

$('#tsuzu').css("z-index","1");

+

$('#matsu').css("z-index","1");

+

$('#ike).css("z-index","1");

+

$('#iku').css("z-index","3");

+

$('#iku').animate({"opacity":1},500);

$('#masuda').css("opacity","0.3");

$('#tatsuya').css("opacity","1");

Line 28:

Line 38:

-

function ~~imagechangerR~~(){

+

function imagechangeriwa(){

-

$('#~~zenin~~').animate({"opacity":0},500);

+

$('#moto').animate({"opacity":0},500);

-

$('#~~mas~~').animate({"opacity":0},500);

+

$('#iku').animate({"opacity":0},500);

-

$('#~~tatsu~~').animate({"opacity":0},500);

+

$('#sugi').animate({"opacity":0},500);

-

$('#~~ryu~~').animate({"opacity":0},500);

+

$('#nishi').animate({"opacity":0},500);

-

$('#~~kauj_img img~~').css("z-index","1");

+

$('#tsuzu').animate({"opacity":0},500);

-

$('#~~ryu~~').css("z-index","2");

+

$('#matsu').animate({"opacity":0},500);

-

$('#~~back~~').css("z-index","3");

+

$('#ike').animate({"opacity":0},500);

-

$('#~~ryu~~').animate({"opacity":1},500);

+

-

$('#~~ryusei~~').css("opacity","0.3");

+

$('#moto').css("z-index","1");

+

$('#iku').css("z-index","1");

+

$('#sugi').css("z-index","1");

+

$('#nishi').css("z-index","1");

+

$('#tsuzu').css("z-index","1");

+

$('#matsu').css("z-index","1");

+

$('#ike).css("z-index","1");

+

$('#iwa').css("z-index","3");

+

$('#iwa').animate({"opacity":1},500);

+

$('#masuda').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);

+

$('#masuda').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');

+

$('#tatsuya').removeAttr('disabled');

-

+

// $('#t_masuda').css("z-index","5");

-

// $('#t_masuda').css("z-index","2");

+

// $('#t_tatsuya').css("z-index","2");

// $('#t_ryusei').css("z-index","2");

-

+

-

~~$('#zenin').animate({"opacity":1},500);~~

+

}

+

</script>

Line 123:

Line 96:

-

+

</div>

-

+

</div>

-

+

</div>

-

+

</div>

-

+

</div>

-

+

</div>

-

+

</div>

Line 147:

Line 120:

-

+

-

+

</div>

@@ Line 3: / Line 3: @@
 <head>
 <script>
-function imagechangerM(){
+function imagechangeriku(){
-             $('#zenin').animate({"opacity":0},500);
+             $('#moto').animate({"opacity":0},500);
-             $('#tatsu').animate({"opacity":0},500);
+             $('#iwa').animate({"opacity":0},500);
-             $('#ryu').animate({"opacity":0},500);
+             $('#sugi').animate({"opacity":0},500);
-             $('#mas').animate({"opacity":0},500);
+             $('#nishi').animate({"opacity":0},500);
-             $('#kauj_img img').css("z-index","1");
+             $('#tsuzu').animate({"opacity":0},500);
-            $('#mas').css("z-index","2");
+            $('#matsu').animate({"opacity":0},500);
-             $('#back').css("z-index","3");
+            $('#ike').animate({"opacity":0},500);
-            $('#mas').animate({"opacity":1},500);
+$('#moto').css("z-index","1");
+$('#iwa').css("z-index","1");
+$('#sugi').css("z-index","1");
+$('#nishi').css("z-index","1");
+$('#tsuzu').css("z-index","1");
+$('#matsu').css("z-index","1");
+$('#ike).css("z-index","1");
+             $('#iku').css("z-index","3");
+$('#iku').animate({"opacity":1},500);
              $('#masuda').css("opacity","0.3");
              $('#tatsuya').css("opacity","1");
@@ Line 28: / Line 38: @@
-function imagechangerR(){
+function imagechangeriwa(){
-             $('#zenin').animate({"opacity":0},500);
+             $('#moto').animate({"opacity":0},500);
-             $('#mas').animate({"opacity":0},500);
+             $('#iku').animate({"opacity":0},500);
-             $('#tatsu').animate({"opacity":0},500);
+             $('#sugi').animate({"opacity":0},500);
-             $('#ryu').animate({"opacity":0},500);
+             $('#nishi').animate({"opacity":0},500);
-             $('#kauj_img img').css("z-index","1");
+             $('#tsuzu').animate({"opacity":0},500);
-            $('#ryu').css("z-index","2");
+            $('#matsu').animate({"opacity":0},500);
-             $('#back').css("z-index","3");
+            $('#ike').animate({"opacity":0},500);
-            $('#ryu').animate({"opacity":1},500);
-             $('#ryusei').css("opacity","0.3");
+$('#moto').css("z-index","1");
+$('#iku').css("z-index","1");
+$('#sugi').css("z-index","1");
+$('#nishi').css("z-index","1");
+$('#tsuzu').css("z-index","1");
+$('#matsu').css("z-index","1");
+$('#ike).css("z-index","1");
+             $('#iwa').css("z-index","3");
+$('#iwa').animate({"opacity":1},500);
+             $('#masuda').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);
+             $('#masuda').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","5");
-             // $('#t_masuda').css("z-index","2");
              // $('#t_tatsuya').css("z-index","2");
              // $('#t_ryusei').css("z-index","2");
-            $('#zenin').animate({"opacity":1},500);
          }
 </script>
@@ Line 123: / Line 96: @@
 <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()"/>
+<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="imagechangeriku()"/>
 </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()"/>
+<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="imagechangeriwa()"/>
 </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()"/>
+<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="imagechangersugi()"/>
 </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()"/>
+<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="imagechangertsuzu()"/>
 </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()"/>
+<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="imagechangerike()"/>
 </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()"/>
+<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="imagechangermatsu()"/>
 </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()"/>
+<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="imagechangernishi()"/>
 </div>
 </div>
@@ Line 147: / Line 120: @@
 <div id="sorezore" style="width:100%; height:500px;">
-<img src="https://static.igem.org/mediawiki/2013/3/36/Weare.jpg" style=" width:800px; position:absolute; left:50%; margin-left:-400px; margin-top:40px; z-index:3;">
+<img src="https://static.igem.org/mediawiki/2013/3/36/Weare.jpg" style=" width:800px; position:absolute; left:50%; margin-left:-400px; margin-top:40px; z-index:3;" id="moto">
-<img src="https://static.igem.org/mediawiki/2013/f/fd/Iwakiri-un.jpg" style=" width:800px; position:absolute; left:50%; margin-left:-400px; margin-top:40px;">
+<img src="https://static.igem.org/mediawiki/2013/f/fd/Iwakiri-un.jpg" style=" width:800px; position:absolute; left:50%; margin-left:-400px; margin-top:40px;" id="iwa">
 </div>

From 2013.igem.org

Revision as of 23:19, 27 September 2013