User:KazutoIKEDA/wiki/change-image.js

From 2009.igem.org

(Difference between revisions)
(New page: $(document).ready( function() { $(".thumbnail img").click( function() { var changeSrc = this.src; $(".target img").fadeOut( "slow", function() { $(this).attr(...)
Line 10: Line 10:
     );
     );
   });
   });
 +
  $(".funwari").fadeTo(1,0.7)
 +
  .hover(
 +
    function(){// マウスオーバー時
 +
      $(this).fadeTo(200, 1.0);
 +
    },
 +
    function(){// マウスアウト時
 +
      $(this).fadeTo(500, 0.8);
 +
    }
 +
  );
});
});

Revision as of 17:14, 19 October 2009

$(document).ready( function() {
  $(".thumbnail img").click( function() {
    var changeSrc = this.src;
    $(".target img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn();
      }
    );
  });
  $(".funwari").fadeTo(1,0.7)
  .hover( 
    function(){// マウスオーバー時
      $(this).fadeTo(200, 1.0);
    },
    function(){// マウスアウト時
      $(this).fadeTo(500, 0.8);
    }
  );
});