CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

기본적인 사용은 여기에서 가져왔습니다.

http://oscarotero.com/jquery/


잠시 일이 있어 간단하게 코드만 적어놓고 갑니다. =3=33


위 소스를 이용해 만든 예제 입니다.


twitter_slide_widget.zip


위 예제의 스크린샷입니다. 

기본으로 화살표가 숨겨져 있고, 화살표를 누르면 숑~ 하는 느낌으로 나타납니다. 예쁘근영!

(팁으로, 화살표는 패딩값을 10픽셀 이상 줬습니다. 그만큼 왼쪽으로 마진값을 넣어줬구요. 오른쪽 패딩값은 넉넉하게 20픽셀 줬습니다.)


디자인을 추가하자면, 탭형식으로 공지사항, 트위터, 페이스북, 등록된 상품 이런 최근 게시물을 넣을 수 있습니다.

jQuery 슬라이드로 휙휙 이동하게끔 보여지면, 작은 공간을 충분히 잘 활용할 수도 있구요. ^^


scr_jquery_animate_toggle.png