간단하게 PHP의 date문을 사용하면 요일마다 다른 CSS를 제어할 수 있습니다.
<?
$hour=date('G');
$day=date('w');
?>
date('G')는 현재 시간을 0~24로 나타나게 해주며
w는 요일을 일요일을 0으로 출력합니다.
(토요일은 6이 되겠죠. 0~6까지 출력)
.day1 {width:40px;}
.day2 {width:100px;}
라고 CSS를 간단하게 정의해보겠습니다.
<div id="layout" class="day<?=$day?>">
가장 바깥부분에 정의하면 됩니다. id인 layout에는 공통 CSS만 집어넣어주면 됩니다.
변수 day를 출력하면 월요일의 경우 1이라고 출력되므로 class명은 day1이 됩니다.
이렇게 사용하면 요일마다 다른 class를 출력할 수 있게 됩니다.
(매일 바꿀 수도 있겠지만, 이건 좀 아니겠죠..)
요일, 시간에 따라 다른 CSS를 제어하는 문구의 예시입니다.
오후 5시~아침 7시까지는 night라는 class를 출력합니다.
<div id="layout" class="day<?=$day?>"><?if($hour>=17||$hour<=7 echo(" night");?>
게시글 목록
| 번호 | 제목 |
|---|---|
| 18013 | |
| 18012 | |
| 18011 | |
| 18010 |
JavaScript
콤보스타일 메뉴 입니다.
|
| 18009 |
JavaScript
쿠키를 이용한 레이어 공지창 입니다.
|
| 18008 |
JavaScript
효과있는 텍스트 틱커 입니다.
|
| 18007 | |
| 18006 |
PHP
HTTP 인증 하기 입니다.
|
| 18005 |
JavaScript
외부 문서 불러오기 입니다.
|
| 18004 |
JavaScript
지정한 날짜까지 New 이미지를 띄워주기 입니다.
|
| 18003 | |
| 18002 |
JavaScript
메일 주소 검사하기 체크박스 입니다.
|
| 18001 |
JavaScript
무단링크 금지하기 입니다.
|
| 18000 | |
| 17999 |
MySQL
DB백업 및 복원
|
| 17998 |
JavaScript
페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
|
| 17997 | |
| 17996 | |
| 17995 |
jQuery
input text 대문자만 받는 Jquery
|
| 17994 | |
| 17993 |
JavaScript
이미지 업로드와 미리보기 입니다.
|
| 17992 |
JavaScript
배경음악 랜덤 재생 하기 입니다.
|
| 17991 |
JavaScript
css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
|
| 17990 |
JavaScript
하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
|
| 17989 |
JavaScript
개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
|
| 17988 |
JavaScript
랜덤으로 이미지 출력 되기 입니다.
|
| 17987 |
JavaScript
사용자 해상도 알아내기 입니다.
|
| 17986 |
JavaScript
붙여넣기 금지하기 입니다.
|
| 17985 |
MySQL
대소문자 데이터 조회하기
|
| 17984 |
JavaScript
퇴장시 팝업창 한번한 띄우기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기