아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (199)
    • Web (145)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (5)
    • IT (32)
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (6)
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라

R 스토리

Web/jquery

[제이쿼리] fading / sliding / this

2018. 5. 15. 14:56


fading


.fadeIn()

.fadeOut()

.fadeTo() 

- 투명도를 조절하여 움직임을 만들어 내는 함수

.fadeToggle() 

- 투명도를 조정하여 움직임을 만들어 냅니다. 보이는 요소에 이 함수를 사용하면 투명도가 0으로 수렴하고 0에 도달했을 때, display 속성을 none으로 처리합니다. 그래서 요소는 더 이상 페이지의 레이아웃 영향을 미치지 않는다.

- 특수 효과(easing) : 스피드를 조작하여 특별한 효과를 나타나게 하는 함수를 의미한다. jQuery가 기본적으로 가지고 있는 easing 표현은 swing과 linear이다. 단, easing함수는 플러그인 이므로 관련된 라이브러리를 포함해야 사용이 가능하다.


https://jsfiddle.net/Kimara/7g8fvugv/7/ 

sliding
.slideDown()

.slideToggle()

.slideUp()


https://jsfiddle.net/Kimara/ntog8w4y/2/




this

https://jsfiddle.net/Kimara/ntog8w4y/3/

728x90
저작자표시 비영리 (새창열림)

'Web > jquery' 카테고리의 다른 글

[제이쿼리] 스크롤 부드럽게 내려가기  (0) 2018.05.15
[제이쿼리] iframe에서 부모 접근 컨트롤  (0) 2018.05.15
[제이쿼리] 스크롤, 위치 값 구하기  (0) 2018.05.15
[제이쿼리] 위치 및 크기 다루기  (0) 2018.05.15
[제이쿼리] jQuery UI slider  (0) 2018.05.15

티스토리툴바