게시판 중 위와같이 한줄 건너 배경색이 있는 디자인을 표현할 때가 있습니다.
jQuery를 사용하는 환경이라면 단 한줄로 처리가 가능합니다.
(쉬운거니깐 DOM으로 접근하는 방법은 생략)
$(".board tbody tr:odd td").css("background","#fafafa");
board 라는 클래스네임을 가진 테이블의 tbody 에서
짝수번째 tr 의 td 배경색을 #fafafa 로 지정하는 코드입니다.
tr:odd 는 홀수지만 tr객체배열은 0부터 시작하므로
실제보기에는 짝수로 조작되며 반대로 tr:even 을 적용할 수도 있습니다.
같은 원리로 하나씩 건너뛰어 형태가 다른 디자인의 경우 응용하여 적용가능.
"소스&팁" 카테고리의 다른 글
- 드림위버 CS5.5 코드힌트 문제 수정방법 (0) 2012/01/23
- 선택영역 색깔 바꾸기 (0) 2011/12/30
- 키보드 입력시 검색창에 포커스하기 (jQuery) (0) 2011/03/05
- Action Script 3.0 최적화 팁들.. (0) 2010/08/08
- [PHP] iPhone / iPod 로 접속하면 아이폰전용 페이지로 이동시키기 (0) 2009/12/20
Trackback
Trackback Address :: http://dohoons.com/blog/trackback/387
Comments