본문 바로가기
728x90
반응형

애니메이션2

[jQuery] 애니메이션이나 효과를 중지 시키는 stop() 개요  이전 포스팅에서 아래로 슬라이드와 위로 슬라이드, 트리거 사용을 해보았는데요.이번에는 슬라이드 같은 애니메이션을 사용할 때 애니메이션을 나는 그만보고 싶다. 혹은 웹게임을 만들 때, 움직이는 몬스터들에게 꼼짝 못 하게 하는 기능 등 이런저런 상황에서 사용될 수 있는 제이쿼리의 stop() 메서드에 대해서 알아보도록 하겠습니다.   동작 화면   동작하는 이미지는 위와 같습니다.아래로 슬라이드를 눌러서 슬라이드 애니메이션이 작동중일 때,슬라이드 멈추기 버튼을 누르면 작동하는 중간에 애니메이션이 멈추게 됩니다.  코드 이전에 사용했던 슬라이드 애니메이션을 활용하여 stop() 메서드를 사용해 보겠습니다. 슬라이드 멈추기아래로 슬라이드위로 슬라이드Hello world!  슬라이드 멈추기 버튼 아래로 슬.. 2023. 3. 31.
[HTML/PHP] 간단한 게시판 만들기 #3 (검색기능) 간단한 게시판 만들기 3번째 글입니다.이전 포스트에 이어서 이번에는 게시판의 필수 기능 중 하나인 검색 기능을 추가해 보겠습니다.검색 기능을 통해 내가 원하는 게시글이 있는지 빠르게 찾을 수 있으므로 검색기능은 필수적으로 추가해 보도록 하겠습니다.    HTML 서치바 틀 만들기 먼저 검색할 텍스트를 입력할 서치바를 만들어 줍니다.css는 나중에 맘에 드는 형식으로 수정해 보겠습니다. 일단은 네모 박스를 만들어줍니다. Jongs 게시판 " method="POST" style="display: inline;"> ">   위 코드처럼 텍스트 박스를 만들어 준 뒤 name을 notice_search_text로 지정해.. 2023. 1. 31.
728x90
반응형