자료가 너무 많이 퍼오는것보다 그때마다 들어가는게 좋겠다.
아기 몸놀이 학교 http://moms511.blog.me/
* 너무 좋은 자료
- 신생아의 대표적 반사행동과 소멸시기 http://moms511.blog.me/90145238536
아이 수면 교육한다고 울렸는데 그게 안좋다네요.. -.-
| 아기음악 (0) | 2013.03.19 |
|---|---|
| 진짜 놀이의 정의! (0) | 2013.02.27 |
| [스크랩] 신생아 놀아주기 (0) | 2013.02.01 |
| 아기와 함께 해본 것만 기록 ( 6 개 ) (0) | 2013.01.31 |
| 스마트한 아기 키우기 (0) | 2013.01.31 |
출처 - http://shub.tistory.com/entry/HTML5-자바스크립트로-CSS-애니메이션-지정하기
<!DOCTYPE HTML>
<HTML lang="ko">
<HEAD>
<TITLE>NEAT master</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
</HEAD>
<BODY>
<div id="box1" class="page" style="display: block; background: #FF0000;" >
빨간 상자
<br>
<input type="button" value="시작" onClick="SetTransform();">
</div>
<div id="box2" class="page" style="background: #00FF00;" >
녹색 상자
</div>
<script>
function SetTransform(){
var t_obj1 = document.getElementById('box1');
var t_obj2 = document.getElementById('box2');
// 초기화
t_obj1.style.webkitTransitionProperty = '';
t_obj1.style.webkitTransitionDuration = '0s';
t_obj1.style.webkitTransitionTimingFunction = '';
t_obj1.style.left = '0%';
t_obj2.style.webkitTransitionProperty = '';
t_obj2.style.webkitTransitionDuration = '0s';
t_obj2.style.webkitTransitionTimingFunction = '';
t_obj2.style.display= 'block';
t_obj2.style.left = '100%';
setTimeout( function() {
// 애니메이션 지정 및 실행
t_obj1.style.webkitTransitionProperty = 'left';
t_obj1.style.webkitTransitionDuration = '0.5s';
t_obj1.style.webkitTransitionTimingFunction = 'ease-in';
t_obj1.style.left = '-100%';
t_obj2.style.webkitTransitionProperty = 'left';
t_obj2.style.webkitTransitionDuration = '0.5s';
t_obj2.style.webkitTransitionTimingFunction = 'ease-in';
t_obj2.style.left = '0%';
}, 0 );
}
</script>
</BODY>
</HTML>
function Person(name){
this.name = name;
return f(this)
}
function f(obj){
return obj.name;
}
var o1 = Person('A'); // 나의 생각 함수의 return값이다.
alert(o1); // A
var o2 = new Person('V'); // 나의 생각 객체의 instance 임
alert( o2.name) ; // V
| 자바스크립트에서 미디어쿼리 처럼 CSS 사용하기 (0) | 2013.04.02 |
|---|---|
| 웹표준, 웹접근성 및 Tree 구현 (0) | 2013.04.02 |
| addEventListener, attachEvent (0) | 2013.02.19 |
| 자바스크립트 이벤트 단계 (0) | 2013.02.15 |
| Function상속, call apply 설명 (0) | 2013.02.14 |
|
