ロールオーバーを簡単に

class=”btn”がついてるとホバー時に***_on.***にしてくれます。

class=”btn”がついてるとホバー時に***_on.***にしてくれます。

  • タグ:
  • タグはありません
	$.fn.btn = function(config){
		$.extend({
			classname: ‘btn’,
			ext: ‘_on’
		},config);
		
		var image_cache = new Object();
		$(‘.’+config.classname).not(‘[src*=’+config.ext+’.]’).each(function(i) {
		var imgsrc = this.src;
		var dot = this.src.lastIndexOf(‘.’);
		var imgsrc_on = this.src.substr(0, dot) + config.ext + this.src.substr(dot, 4);
		image_cache[this.src] = new Image();
		image_cache[this.src].src = imgsrc_on;
			$(this).hover(
			function() { this.src = imgsrc_on; },
			function() { this.src = imgsrc; }
			);
			});
	};