왼쪽에 숨겨진 레이어를 보여주자

웹팁

2013.08.09 14:35 조회 수

4364

이온디

첨부파일 https://imweb.eond.com/coding/341177

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

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

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

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

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

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

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

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

첨부파일

Total 2 articles in 1 / 1 pages

	제목	날짜
	코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP)	2018/01/03
	jQuery를 배울수 있는 동네들입니다.	2013/08/09
	관련 링크 [1]	2010/05/23
	[jQuery] 왼쪽에 숨겨진 레이어를 보여주자	2013/08/09
1	[jQuery] jQuery Image Slider and Gallery	2015/05/27