|
|
Line 2: |
Line 2: |
| <html> | | <html> |
| <head> | | <head> |
- | <script> | + | <script src="http://ssl177.heteml.jp/igem.js"></script> |
- | function imagechangeriku(){
| + | |
- | $('#moto').animate({"opacity":0},500);
| + | |
- | $('#iwa').animate({"opacity":0},500);
| + | |
- | $('#sugi').animate({"opacity":0},500);
| + | |
- | $('#nishi').animate({"opacity":0},500);
| + | |
- | $('#tsuzu').animate({"opacity":0},500);
| + | |
- | $('#matsu').animate({"opacity":0},500);
| + | |
- | $('#ike').animate({"opacity":0},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);
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | function imagechangeriwa(){
| + | |
- | $('#moto').animate({"opacity":0},500);
| + | |
- | $('#iku').animate({"opacity":0},500);
| + | |
- | $('#sugi').animate({"opacity":0},500);
| + | |
- | $('#nishi').animate({"opacity":0},500);
| + | |
- | $('#tsuzu').animate({"opacity":0},500);
| + | |
- | $('#matsu').animate({"opacity":0},500);
| + | |
- | $('#ike').animate({"opacity":0},500);
| + | |
- |
| + | |
- | $('#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);
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </script> | + | |
| </head> | | </head> |
| <body> | | <body> |