style.css

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

	CLEAR: both; FLOAT: right; MARGIN: -20px 5px 0px 0px
}
SPAN#share A {
	FONT: 12px Verdana, Arial,'宋体'; COLOR: #c52500
}
.recent_hot_tips {
	BORDER-RIGHT: #a5b5c0 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a5b5c0 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; MARGIN: 10px 0px; BORDER-LEFT: #a5b5c0 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #a5b5c0 1px solid
}
.recent_hot_tips P {
	MARGIN: 0px 10px 4px
}
.recent_hot_tips SPAN {
	FONT-SIZE: 10px; FLOAT: right; MARGIN: -15px 0px 0px; COLOR: #999
}
.recent_hot_title {
	FONT-SIZE: 12px; MARGIN: 0px 10px 2px; COLOR: #999
}
.article_fix_height {
	BORDER-RIGHT: #e1e1e1 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e1e1e1 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #e1e1e1 1px solid; WIDTH: 928px; PADDING-TOP: 10px; BORDER-BOTTOM: #e1e1e1 1px solid
}
.article_left {
	FLOAT: left; WIDTH: 628px
}
.postion {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; WIDTH: 628px; PADDING-TOP: 3px; BORDER-BOTTOM: #f2f3f7 1px solid
}
.article_title {
	FONT: bold 28px Verdana, Arial, "宋体"
}
.article_info {
	MARGIN: 5px 0px; COLOR: #333
}
.tags {
	MARGIN: 15px 0px; FONT: bold 16px Verdana, Arial, "宋体"
}
.prev_next {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.prev_next SPAN {
	FLOAT: right; MARGIN: -15px 5px 0px 0px; FONT: 12px Verdana, Arial, "宋体"
}
.article_content {
	FONT: 14px/22px Verdana, Arial, "宋体"; WORD-BREAK: break-all; WORD-WRAP: break-word
}
.article_recom {
	MARGIN: 10px auto; WIDTH: 620px
}
.article_recom_fix_height {
	BORDER-RIGHT: #e2e2e2 1px solid; BORDER-TOP: #e2e2e2 1px solid; FLOAT: left; BORDER-LEFT: #e2e2e2 1px solid; BORDER-BOTTOM: #e2e2e2 1px solid
}
.article_recom_title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #f2f3f7; PADDING-BOTTOM: 5px; FONT: bold 14px "宋体"; PADDING-TOP: 5px
}
.article_recom_l {
	FLOAT: left; MARGIN: 15px 0px 0px; WIDTH: 300px
}
.article_recom_r {
	FLOAT: left; MARGIN: 15px 0px 0px; WIDTH: 300px
}
.article_recom_l UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.article_recom_r UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.article_recom_l LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px
}
.article_recom_r LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px
}
.comment_box {
	CLEAR: both; MARGIN: 10px auto; WIDTH: 620px
}
.comment_box_title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; FONT: bold 12px "宋体"; PADDING-TOP: 10px
}
.comment {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #333; PADDING-TOP: 5px
}
.comment_title {
	COLOR: #b3b3b3
}
.comment_title A {
	TEXT-DECORATION: underline
}
.comment_content {
	MARGIN: 5px 0px 0px; COLOR: #555; LINE-HEIGHT: 18px; BORDER-BOTTOM: #eee 1px solid
}
.comment_content P {
	MARGIN: 3px 0px
}
.article_right {
	FLOAT: right; WIDTH: 280px
}
.result_left {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 608px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid
}
.result_top {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; WIDTH: 628px; PADDING-TOP: 3px; BORDER-BOTTOM: #eee 1px dashed
}
.result_top SPAN {
	FLOAT: right; MARGIN: -15px 5px 0px 0px
}
.result_contain {
	MARGIN: 20px 0px; WIDTH: 625px
}
.result_contain A {
	FONT: bold 14px Verdana, Arial, "宋体"
}
.result_title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.result_title SPAN {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: url(../images/search_title_bg.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: -2px 5px 0px 0px; WIDTH: 54px; PADDING-TOP: 1px; HEIGHT: 24px
}
.result_title SPAN SPAN {
	BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right; MARGIN: 1px 3px 0px 0px; FONT: bold 12px Verdana, Arial, "宋体"; WIDTH: 38px; COLOR: #f60; TEXT-ALIGN: center
}
.result_info {
	CLEAR: both; FONT: bold 12px Verdana, Arial, "宋体"
}
.result_info ACRONYM {
	FONT: 12px Verdana, Arial, "宋体"; COLOR: #999
}
.result_intro {
	MARGIN: 5px 0px; FONT: 12px Verdana, Arial, "宋体"; COLOR: #666
}
.result_right {
	FLOAT: right; WIDTH: 280px
}
.list_left {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 448px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid
}
.list_top {
	
}
.list_list {
	MARGIN: 10px 0px
}
.list_list UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.list_list UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px dashed
}
.list_list UL LI:hover {
	BACKGROUND: #f8f8f8
}
.list_list P {
	MARGIN: 5px 0px 0px; TEXT-INDENT: 24px
}
.list_list SPAN {
	FLOAT: right; MARGIN: -17px 5px 0px 0px; COLOR: #999
}
.list_list A {
	FONT-WEIGHT: bold; FONT-SIZE: 14px
}
.list_list A:hover {
	COLOR: #f60; TEXT-DECORATION: none
}
.list_right {
	FLOAT: right; WIDTH: 470px
}
.list_right_l {
	FLOAT: left; WIDTH: 280px
}
.list_right_r {
	FLOAT: right; WIDTH: 180px
}
.right_box {
	CLEAR: both; BORDER-RIGHT: #a5b5c0 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a5b5c0 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 10px; BORDER-LEFT: #a5b5c0 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #a5b5c0 1px solid
}
.right_box P {
	CLEAR: both; MARGIN: 0px 10px 4px
}
.right_box SPAN {
	CLEAR: both; FLOAT: left; MARGIN: 0px 5px 0px 0px
}
.pages {
	PADDING-RIGHT: 10px; MARGIN: 1em; FONT: 11px/12px Tahoma
}
.pages  {
	VERTICAL-ALIGN: middle
}
.pages A {
	BORDER-RIGHT: #a6cbe7 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #a6cbe7 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px; MARGIN: 0px 1px 0px 0px; FONT: 12px/14px verdana; BORDER-LEFT: #a6cbe7 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #a6cbe7 1px solid; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.pages A:hover {
	BORDER-RIGHT: #659b28 1px solid; BORDER-TOP: #659b28 1px solid; BACKGROUND: #f3f8ef; BORDER-LEFT: #659b28 1px solid; COLOR: #004c7d; BORDER-BOTTOM: #659b28 1px solid; TEXT-DECORATION: none
}
.pages INPUT {
	BORDER-RIGHT: #659b28 1px solid; BORDER-TOP: #659b28 1px solid; PADDING-LEFT: 1px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 1px; FONT: bold 12px/15px Verdana; BORDER-LEFT: #659b28 1px solid; COLOR: #659b28; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #659b28 1px solid; HEIGHT: 15px
}
.links {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 950px; PADDING-TOP: 0px
}
.box_link {
	CLEAR: both; MARGIN: 0px 0px 10px
}
.link_div_fix {
	BORDER-RIGHT: #a5b5c0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a5b5c0 1px solid; PADDING-LEFT: 0px; BACKGROUND: url(../images/div_a_tag_bg.gif) #fff repeat-x; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #a5b5c0 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a5b5c0 1px solid
}
.link_top {
	FONT-WEIGHT: bold; MARGIN: 4px 0px 0px; TEXT-ALIGN: center
}
.link_div {
	MARGIN: 10px; WIDTH: 928px; WORD-BREAK: break-all; WORD-WRAP: break-word
}
.link_div UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.link_div LI {
	FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 120px; LINE-HEIGHT: 20px; MARGIN-RIGHT: 5px
}
.apply_link {
	CLEAR: both; BORDER-RIGHT: #a5b5c0 1px solid; BORDER-TOP: #a5b5c0 1px solid; DISPLAY: block; BACKGROUND: url(../images/div_a_tag_bg.gif) #fff repeat-x; MARGIN: 10px 0px; BORDER-LEFT: #a5b5c0 1px solid; BORDER-BOTTOM: #a5b5c0 1px solid
}
.apply_link INPUT {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
INPUT.apply_btn {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #000; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BORDER-RIGHT-WIDTH: 0px
}
.share {
	CLEAR: both; MARGIN: 10px 0px 0px; WIDTH: 950px
}
.share_l {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 280px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 480px
}
.share_l P {
	LINE-HEIGHT: 20px
}
.share_r {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; FLOAT: right; PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 610px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 480px
}
.share_r INPUT {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
.footer {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 0px
}
.footer P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.book_rss {
	
}
.book_rss P {
	FONT-SIZE: 14px; TEXT-ALIGN: center
}
.book_rss TABLE {
	BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f2f6fb; BORDER-BOTTOM: #ccc 1px solid
}
.book_rss TABLE TD {
	BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 0px solid
}
.book_rss TABLE A {
	MARGIN: 0px 10px
}
.advertisement {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 650px; PADDING-TOP: 0px
}
.box_ads {
	CLEAR: both; MARGIN: 0px 0px 10px
}
.ads_div_fix {
	BORDER-RIGHT: #a5b5c0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a5b5c0 1px solid; PADDING-LEFT: 0px; BACKGROUND: url(../images/div_a_tag_bg.gif) #fff repeat-x; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #a5b5c0 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a5b5c0 1px solid
}
.ads_top {
	FONT-WEIGHT: bold; MARGIN: 4px 0px 0px; TEXT-ALIGN: center
}
.ads_div {
	MARGIN: 10px; WIDTH: 628px; WORD-BREAK: break-all; WORD-WRAP: break-word
}