jquery dom blink effect

jquery를 fadeTo() 함수를 이용하여 html 객체의 문자를 깜빡임(blink, flash) 처리하기.

샘플코드


# html
<label style="color:red;">동의합니다.</label>
<button onclick="start()">시작</button>
<button onclick="stop()">멈춤</button>

#javascript
/**
* dom flash effect
*/
function start() {
var opacity = $('label').css('opacity');
$('label').fadeTo('slow', (opacity%1==0)?0.3:1.0, function() {
start(); //재귀호출이 포인트
});
}

/**
* clear dom flash effect
*/
function stop() {
$('label').stop().fadeTo('fast', 1.0);
}