User:KazutoIKEDA/wiki/change-image.js
From 2009.igem.org
(Difference between revisions)
KazutoIKEDA (Talk | contribs) |
KazutoIKEDA (Talk | contribs) |
||
Line 1: | Line 1: | ||
$(document).ready( function() { | $(document).ready( function() { | ||
- | $("#biomario .thumbnail | + | $("#biomario .thumbnail img") |
// マウスオーバー・マウスアウト時 | // マウスオーバー・マウスアウト時 | ||
.hover( | .hover( | ||
Line 9: | Line 9: | ||
$(this).fadeTo(600, 1.0); | $(this).fadeTo(600, 1.0); | ||
} | } | ||
- | ) | + | ); |
// クリック時の処理 | // クリック時の処理 | ||
.click( function(){ | .click( function(){ | ||
- | var changeSrc = | + | var changeSrc = $(this).attr("href"); |
$("#biomario .target img").attr("src", changeSrc); | $("#biomario .target img").attr("src", changeSrc); | ||
return false; | return false; | ||
Line 26: | Line 26: | ||
$(this).fadeTo(600, 1.0); | $(this).fadeTo(600, 1.0); | ||
} | } | ||
- | ) | + | ); |
// クリック時の処理 | // クリック時の処理 | ||
.click( function() { | .click( function() { | ||
Line 43: | Line 43: | ||
$(this).fadeTo(600, 1.0); | $(this).fadeTo(600, 1.0); | ||
} | } | ||
- | ) | + | ); |
// クリック時の処理 | // クリック時の処理 | ||
.click( function() { | .click( function() { | ||
Line 59: | Line 59: | ||
$(this).fadeTo(600, 1.0); | $(this).fadeTo(600, 1.0); | ||
} | } | ||
- | ) | + | ); |
// クリック時の処理 | // クリック時の処理 | ||
.click( function() { | .click( function() { | ||
Line 76: | Line 76: | ||
$(this).fadeTo(600, 1.0); | $(this).fadeTo(600, 1.0); | ||
} | } | ||
- | ) | + | ); |
// クリック時の処理 | // クリック時の処理 | ||
.click( function() { | .click( function() { | ||
Line 93: | Line 93: | ||
$(this).fadeTo(600, 1.0); | $(this).fadeTo(600, 1.0); | ||
} | } | ||
- | ) | + | ); |
// クリック時の処理 | // クリック時の処理 | ||
.click( function() { | .click( function() { |
Revision as of 11:03, 21 October 2009
$(document).ready( function() { $("#biomario .thumbnail img") // マウスオーバー・マウスアウト時 .hover( function(){// マウスオーバー時 $(this).fadeTo(200, 0.8); }, function(){// マウスアウト時 $(this).fadeTo(600, 1.0); } ); // クリック時の処理 .click( function(){ var changeSrc = $(this).attr("href"); $("#biomario .target img").attr("src", changeSrc); return false; }); $("#cocktail .thumbnail img") // マウスオーバー・マウスアウト時 .hover( function(){// マウスオーバー時 $(this).fadeTo(200, 0.8); }, function(){// マウスアウト時 $(this).fadeTo(600, 1.0); } ); // クリック時の処理 .click( function() { var changeSrc = jQuery(this).attr("href"); $("#cocktail .target img").attr("src", changeSrc); return false; }); $("#mandala .thumbnail img") // マウスオーバー・マウスアウト時 .hover( function(){// マウスオーバー時 $(this).fadeTo(200, 0.8); }, function(){// マウスアウト時 $(this).fadeTo(600, 1.0); } ); // クリック時の処理 .click( function() { $("#mandala .target img").attr("src", $(this).attr("href")); return false; }); $("#pyramid .thumbnail img") // マウスオーバー・マウスアウト時 .hover( function(){// マウスオーバー時 $(this).fadeTo(200, 0.8); }, function(){// マウスアウト時 $(this).fadeTo(600, 1.0); } ); // クリック時の処理 .click( function() { var changeSrc = jQuery(this).attr("href"); $("#pyramid .target img").attr("src", changeSrc); return false; }); $("#tomb .thumbnail img") // マウスオーバー・マウスアウト時 .hover( function(){// マウスオーバー時 $(this).fadeTo(200, 0.8); }, function(){// マウスアウト時 $(this).fadeTo(600, 1.0); } ); // クリック時の処理 .click( function() { var changeSrc = jQuery(this).attr("href"); $("#tomb .target img").attr("src", changeSrc); return false; }); $("#bunny .thumbnail img") // マウスオーバー・マウスアウト時 .hover( function(){// マウスオーバー時 $(this).fadeTo(200, 0.8); }, function(){// マウスアウト時 $(this).fadeTo(600, 1.0); } ); // クリック時の処理 .click( function() { $("#bunny .target img").attr("src", $(this).attr("href")); return false; }); });