JavaScript ロールオーバーを簡単に

このエントリーをはてなブックマークに追加このエントリのはてなブックマーク数このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをつぶやく

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; }
			);
			});
	};

Posted by at 2011/7/11 21:39

よく投稿されているコード

タグ

最近投稿されたコード