User:KazutoIKEDA/wiki/change-image.js

From 2009.igem.org

(Difference between revisions)
Line 34: Line 34:
   });
   });
-
  $("#mandala .thumbnail a")
+
$("#mandala .thumbnail a")
-
  // マウスオーバー・マウスアウト時
+
.hover(  
-
  .hover(  
+
function(){
-
    function(){// マウスオーバー時
+
$(this).fadeTo(200, 0.8);
-
      $(this).fadeTo(200, 0.8);
+
},function(){
-
    },
+
$(this).fadeTo(600, 1.0);
-
    function(){// マウスアウト時
+
}
-
      $(this).fadeTo(600, 1.0);
+
)
-
    }
+
.click(
-
  );
+
function() {
-
  // クリック時の処理
+
$("#mandala .target img").attr("src", $(this).attr("href"));
-
  .click( function() {
+
return false;
-
    $("#mandala .target img").attr("src", $(this).attr("href"));
+
}
-
    return false;
+
);
-
  });
+
   $("#pyramid .thumbnail img")
   $("#pyramid .thumbnail img")

Revision as of 11:23, 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 a")
		.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;
  });
});
Retrieved from "http://2009.igem.org/User:KazutoIKEDA/wiki/change-image.js"