어제 작성했던 [JQuery] 위로 롤링되는 코드 를 약간 수정한 것이다. 스크립트 코드를 jQuery Plugin 형식으로 변경한 것이다. $.fn 으로 시작되는 코드를 봤을 때 ‘저건 뭔가?’ 이렇게 생각을 했는데 막상 사용해보니까 상당히 직관적이고 편한 방법이라는 생각이 들기 시작했다. 앞으로는 이런 식으로 작업을 해야겠다는 생각도 들었는데.. 어찌보면 class와 비슷한 개념이라 생소했는데 사용해보니까 모른척 넘어가야할 대상은 아닌 것 같다는 생각이 …
오랜만에 만들어본 jQuery 롤링 코드이다. 아래와 같은 문서구조에서 li 가 위로 롤링되는 것이다. <ul> <li> <div>이미지</div> <div>이미지</div> <div>이미지</div> </li> <li> <div>이미지</div> <div>이미지</div> <div>이미지</div> </li> </ul> 그리고 아래는 css 코드이다. 설명을 위해 간단하게 작성했기 때문에 실제 적용은 안될 수 있다. ul { position: relative; width: 700px; height: 300px; overflow-y: hidden; } li { position: absolute; top: …