Plugin Tutorial

jquery.rollover.js - 예제

plugin

							$.fn.rollover = function () {
								$(this).mouseover(function(){
									$(this).attr("src", $(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
								}).mouseout(function(){
									$(this).attr("src", $(this)attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
								}).each(function  () {
									$("").attr("src", $(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"))
								})
								return this;
							}
						

적용하기

html 구조

예제 예시