티스토리 뷰
Timer 라이브러리에 등록해서 그냥 애니메이션 메서드 두개 붙인것..
주의할것은 타이머호출의 interval보다 애니메이션의 누적 실행 시간이 짧아야 한다는것.
serpiko loop Animation.zip<!doctype>
<html>
<head>
<script src="jquery-1.5.0.min.js" type="text/javascript"></script>
<script src="Timer.js" type="text/javascript"></script>
<style>
body {margin:10 0 0 10px;}
body < .rect {position:absolute; width:200px; height:200px; background-color:black;}
</style>
</head>
<body>
<div class ='rect'>
</div>
<script>
$(document).ready(function(){
$('.rect').everyTime(2000, function(){
$(this).animate({'opacity':0},800).animate({'opacity':1},800);
});
});
</script>
</body>
</html>
'■ 프론트엔드 ■ > jQuery' 카테고리의 다른 글
| on() - selectstart, dragstart 로 마우스 드래그방지 (2) | 2014.01.06 |
|---|---|
| 자바스크립트 롤링배너 (0) | 2013.11.27 |
| jQuery 빠른 처리를 위한 CSS 셀렉터 사용팁 (0) | 2013.10.24 |
| 제이쿼리 드래그앤드롭 (0) | 2013.10.14 |
| checkbox, radio, text 각 타입 - 체크및 비활성화 (0) | 2013.10.13 |
댓글