CSS 페이지 효과, 시간 변경, 아니 JS 마우스

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">


< html xmlns = "http://www.w3.org/1999/xhtml" >


< 머리 >


< 메타 http-equiv = "콘텐츠 형식 콘텐츠 =" text/html; charset = gb2312 "/ >


< 제목 > div CSS 예제: 좋은 CSS 페이지 효과 (DIGG) < / 타이틀 >


< 스타일 형식을 "Text/css" = >


몸 {


글꼴-크기: 12px; 글꼴-가족: 굴림, Arial, Helvetica, 산 세 리프-리프; 폭: 60%; 여백-왼쪽: 25px;


}


Div.digg {


여백-오른쪽: 3px; 여백-왼쪽: 3px; 여백-하단: 3px; 여백: 3px; 여백-가기: 3px; 텍스트-정렬: 센터


}


Div.digg {


국경-오른쪽: #aaaadd 1px 고체; 여백-오른쪽: 5px; 국경-가기: #aaaadd 1px 고체; 여백-왼쪽: 5px; 여백-하단: 2px; 여백: 2px; 국경-왼쪽: #aaaadd 1px 고체; 색상: # 000099; 여백-가기: 2px; 국경-하단: #aaaadd 1px 고체; 텍스트-장식: 없음


}


Div.digg는: 가져가 {


국경-오른쪽: #000099 1px 고체; 국경-가기: #000099 1px 고체; 국경-왼쪽: #000099 1px 고체; 색상: # 000; 국경-하단: #000099 1px 단단한


}


Div.digg는: 액티브 {


국경-오른쪽: #000099 1px 고체; 국경-가기: #000099 1px 고체; 국경-왼쪽: #000099 1px 고체; 색상: # 000; 국경-하단: #000099 1px 단단한


}


Div.digg span.current {


국경-오른쪽: #000099 1px 고체; 여백-오른쪽: 5px; 국경-가기: #000099 1px 고체; 여백-왼쪽: 5px; 글꼴-무게: 굵게; 여백-하단: 2px; 여백: 2px; 국경-왼쪽: #000099 1px 고체; 색상: #fff; 여백-가기: 2px; 국경-하단: #000099 1px 고체; 배경-색상: #000099


}


Div.digg span.disabled {


국경-오른쪽: #eee 1px 고체; 여백-오른쪽: 5px; 국경-가기: #eee 1px 고체; 여백-왼쪽: 5px; 여백-하단: 2px; 여백: 2px; 국경-왼쪽: #eee 1px 고체; 색상: #ddd; 여백-가기: 2px; 국경-하단: #eee 1px 단단한


}


< / 스타일 >


< 몸 >


< p >


< a href = "/" _fcksavedurl = "/" > 디 그 스타일-websbook.com < /a >


< div 클래스 "디 그" = >


< 스팬 클래스 = "사용 안 함" ><< / 스팬 >


< 클래스에 걸쳐 "전류" = > 1 < / span >


<는 href = "#? 페이지 = 2" _fcksavedurl = "#? 페이지 2" = > 2 < /a >


< a href = "#? 페이지 = 3" _fcksavedurl = "#? 페이지 = 3" > 3 < /a >


< a href = "#? 페이지 = 4" _fcksavedurl = "#? 페이지 = 4" > 4 < /a >


< a href = "#? 페이지 = 5" _fcksavedurl = "#? 페이지 = 5" > 5 < /a >


< a href = "#? 페이지 = 6" _fcksavedurl = "#? 페이지 = 6" > 6 < /a >


< a href = "#? 페이지 = 7" _fcksavedurl = "#? 페이지 7" = > 7 < /a >


...


< a href = "#? 페이지 199 =" _fcksavedurl = "#? 페이지 199" = > 199 < /a >


< a href = "#? 페이지 = 200" _fcksavedurl = "#? 페이지 = 200" > 200 < /a >


< a href = "#? 페이지 = 2" _fcksavedurl = "#? 페이지 = 2" >>< /a >


< / div >


</p >


< / 바디 >


< / html >