본문 바로가기

[HTML5+CSS3]제이쿼리(jquery)를 사용한 이미지 슬라이드 코드

반응형

제이쿼리(jquery)를 사용한 이미지 슬라이드 코드

 

 

html5_이미지슬라이드모듈.zip

 

 

IR기법, IS기법을 사용하여 레이아웃을 잡은 후

 

제이쿼리(jquery)의 animate를 사용해 모션을 먹인다.

 

여기서 요점은

  • html5에서는 태크 속성을 개발자가 정의하고, 값을 넣을 수 있다는 것(ex. data-left="-640px);

  • 부모오브젝 position은 raltive로, 모션을 먹일 자식오브젝은 position을 absolute로 정의

이다. ㅎㅎㅎ

 

 

 

 

 

 

 

 

 

 

 

 

반응형