style.css

自己做项目时做的一个javascript的分页例子

HTML {
	SCROLLBAR-FACE-COLOR: #cccccc; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #eeeeee; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ececec
}
BODY {
	BACKGROUND: url(../image/bg.gif) #707070; MARGIN: 0px; FONT: 12px Tahoma; TEXT-ALIGN: center
}
#mainbody {
	BACKGROUND: #ffffff; MARGIN: 0px auto; WIDTH: 780px
}
#head {
	BACKGROUND-IMAGE: url(../image/top.jpg); MARGIN: 0px auto; WIDTH: 780px; HEIGHT: 204px
}
#middle {
	BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 780px; PADDING-TOP: 6px
}
#foot {
	BACKGROUND-IMAGE: url(../image/bottom.jpg); MARGIN: 0px auto; WIDTH: 780px; PADDING-TOP: 18px; HEIGHT: 120px
}
#left {
	BACKGROUND: #ffffff; FLOAT: left; WIDTH: 180px; TEXT-ALIGN: center
}
#right {
	BACKGROUND: #ffffff; FLOAT: right; OVERFLOW: hidden; WIDTH: 600px
}
.list {
	MARGIN: auto; WIDTH: 165px
}
.list UL {
	MARGIN-TOP: 12px; MARGIN-BOTTOM: 12px; TEXT-ALIGN: left
}
.list UL LI {
	COLOR: #f4a640; LIST-STYLE-TYPE: square
}
.list A:link {
	COLOR: #f4a640; TEXT-DECORATION: none
}
.list A:visited {
	COLOR: #f4a640; TEXT-DECORATION: none
}
.list A:hover {
	COLOR: #ff1493; TEXT-DECORATION: underline
}
.msgbox {
	MARGIN: 0px 3px 6px; WIDTH: 585px
}
#article {
	MARGIN: 6px auto; WIDTH: 570px; COLOR: #555555; TEXT-ALIGN: left
}
#article A:link {
	COLOR: #999999; TEXT-DECORATION: none
}
#article A:visited {
	COLOR: #999999; TEXT-DECORATION: none
}
#article A:hover {
	COLOR: #333333
}
#showcomment {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; MARGIN: 3px auto 6px; WIDTH: 570px; COLOR: #999999; PADDING-TOP: 6px; BORDER-BOTTOM: #dddddd 1px dashed; TEXT-ALIGN: left
}
#writecomment {
	MARGIN: auto; WIDTH: 570px; TEXT-ALIGN: left
}
#writecomment TABLE {
	WIDTH: 100%
}
#ad1 {
	BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; MARGIN-BOTTOM: 3px; BORDER-LEFT: #eee 1px solid; WIDTH: 583px; COLOR: #999; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 45px
}
#adtitle {
	BACKGROUND: #f9f9f9; WIDTH: 168px; COLOR: #999; HEIGHT: 171px
}
#ad2 {
	BACKGROUND: #f9f9f9; WIDTH: 168px; COLOR: #999; HEIGHT: 171px
}
#adtitle {
	TEXT-INDENT: 6px; LINE-HEIGHT: 21px; BORDER-BOTTOM: #eee 3px solid; HEIGHT: 21px; TEXT-ALIGN: left
}
#adtitle A {
	FONT-WEIGHT: bold; COLOR: #cfcfcf; TEXT-DECORATION: none
}
#calender {
	BORDER-TOP: #eeeeee 1px solid; FONT-SIZE: 10px; MARGIN: 12px 0px 12px 6px; BORDER-LEFT: #eeeeee 1px solid; WIDTH: 147px; TEXT-ALIGN: center
}
#calender .arrow_over {
	COLOR: #ff1493
}
#calender .arrow_out {
	COLOR: #ff8c00
}
#calender TD {
	BORDER-RIGHT: #eeeeee 1px solid; WIDTH: 21px; COLOR: #666666; LINE-HEIGHT: 16px; BORDER-BOTTOM: #eeeeee 1px solid; HEIGHT: 20px
}
#calender #cal_title {
	BACKGROUND: #efefef; WIDTH: 147px
}
#calender #week TD {
	BACKGROUND: #f8f8f8
}
#calender .current {
	DISPLAY: block; BACKGROUND: #aae7e8; MARGIN: 2px
}
#calender .notcurrent {
	DISPLAY: block; BACKGROUND: #ededed; MARGIN: 2px
}
#calender .havelog {
	
}
.left_title {
	PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px 6px; OVERFLOW: hidden; BORDER-LEFT: #27c3c1 3px solid; COLOR: #27c3c1; TEXT-ALIGN: left
}
#search {
	MARGIN-LEFT: 18px; TEXT-ALIGN: left
}
.article_topic {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px auto; COLOR: #ff1493; TEXT-ALIGN: left
}
.comment_topic {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px auto; COLOR: #ff1493; TEXT-ALIGN: left
}
.article_topic A:link {
	COLOR: #ff1493; TEXT-DECORATION: none
}
.article_topic A:visited {
	COLOR: #ff1493; TEXT-DECORATION: none
}
.article_topic A:hover {
	COLOR: #ff99cc; TEXT-DECORATION: underline
}
.article_date {
	FONT-SIZE: 12px; COLOR: #999; TEXT-ALIGN: left
}
.article_infor {
	PADDING-RIGHT: 6px; BORDER-TOP: #dddddd 1px dashed; PADDING-LEFT: 6px; FONT-SIZE: 9px; PADDING-BOTTOM: 6px; COLOR: #bdbdbd; PADDING-TOP: 6px; TEXT-ALIGN: right
}
.comment_title {
	FONT-SIZE: 12px; MARGIN: 3px; COLOR: #333333; TEXT-ALIGN: left
}
#sendcomment {
	WIDTH: 502px
}
.send_title {
	MARGIN-LEFT: 9px; WIDTH: 60px; COLOR: #888888
}
INPUT {
	BORDER-RIGHT: #e3e3e3 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e3e3e3 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 1px; MARGIN: 1px 0px; FONT: 12px Tahoma; BORDER-LEFT: #e3e3e3 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #e3e3e3 1px solid
}
TEXTAREA {
	BORDER-RIGHT: #e3e3e3 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e3e3e3 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 1px; MARGIN: 1px 0px; FONT: 12px Tahoma; BORDER-LEFT: #e3e3e3 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #e3e3e3 1px solid
}
#sendcomment TEXTAREA {
	WIDTH: 315px; HEIGHT: 120px
}
.button {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; BORDER-LEFT: #e3e3e3 4px solid; PADDING-TOP: 0px
}
#loglist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 96%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#loglist .date {
	FONT-SIZE: 11px; WIDTH: 20%; COLOR: #999999
}
#loglist .title {
	WIDTH: 54%
}
#loglist .author {
	PADDING-LEFT: 3px; FONT-SIZE: 11px; WIDTH: 8%
}
#loglist .vcq {
	PADDING-LEFT: 3px; FONT-SIZE: 11px; WIDTH: 4%
}
#loglist A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
#loglist A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
#loglist A:hover {
	COLOR: #999999; TEXT-DECORATION: underline
}
#pages {
	TEXT-ALIGN: left
}
#pages A:link {
	MARGIN: 0px 1px; COLOR: #333333; TEXT-DECORATION: none
}
#pages A:visited {
	MARGIN: 0px 1px; COLOR: #333333; TEXT-DECORATION: none
}
#pages A:hover {
	MARGIN: 0px 1px; COLOR: #ff69b4; TEXT-DECORATION: underline
}
#pages .current {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: orange
}
.article_date A:link {
	COLOR: #999999; TEXT-DECORATION: none
}
.article_date A:visited {
	COLOR: #999999; TEXT-DECORATION: none
}
.article_date A:hover {
	COLOR: #333333; TEXT-DECORATION: underline
}
#article .code {
	BORDER-RIGHT: #c3f2f9 1px solid; BORDER-TOP: #c3f2f9 1px solid; BORDER-LEFT: #c3f2f9 1px solid; BORDER-BOTTOM: #c3f2f9 1px solid
}
#article .codetitle {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; BACKGROUND: #c3f2f9; PADDING-BOTTOM: 3px; COLOR: #17cdea; TEXT-INDENT: 6px; LINE-HEIGHT: 18px; PADDING-TOP: 3px; HEIGHT: 18px
}
#article .code_content {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; BACKGROUND: #f8fefe; PADDING-BOTTOM: 3px; COLOR: #666; PADDING-TOP: 3px
}
#article .googleSearch A:link {
	FONT-WEIGHT: bold; COLOR: #ff1493
}
#article .googleSearch A:visited {
	FONT-WEIGHT: bold; COLOR: #ff1493
}
#article .googleSearch A:hover {
	COLOR: #ff8ecc
}