style.css

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

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #f3f3f3; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px Verdana, Arial, "宋体"; PADDING-TOP: 0px
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM SELECT {
	FONT: 12px Verdana, Arial, "宋体"
}
INPUT {
	FONT: 12px Verdana, Arial, "宋体"
}
TEXTAREA {
	FONT: 12px Verdana, Arial, "宋体"
}
.search_input {
	PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: 12px Verdana, Arial, "宋体"; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 16px
}
.comment_name {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px 20px 0px 0px; FONT: 12px Verdana, Arial, "宋体"; WIDTH: 100px; PADDING-TOP: 2px; HEIGHT: 16px
}
.comment_input {
	WIDTH: 600px; HEIGHT: 120px
}
.comment_button {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 10px 0px 0px; BORDER-LEFT: #eee 1px solid; WIDTH: 80px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid
}
A {
	COLOR: #16387c; TEXT-DECORATION: none
}
A:hover {
	COLOR: #c52500; TEXT-DECORATION: underline
}
ACRONYM.acronym_10 {
	FONT: 10px Arial
}
ACRONYM.acronym_11 {
	FONT-SIZE: 11px
}
#orange {
	COLOR: #f60
}
#red_title {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(../images/column_bg.gif) repeat-x; PADDING-BOTTOM: 6px; FONT: bold 12px Verdana, Arial, "宋体"; COLOR: #c52500; PADDING-TOP: 6px
}
#black_title {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/column_bg.gif) repeat-x; PADDING-BOTTOM: 6px; FONT: bold 12px Verdana, Arial, "宋体"; COLOR: #333; PADDING-TOP: 6px
}
#orange_title {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/column_bg.gif) repeat-x; PADDING-BOTTOM: 6px; FONT: bold 12px Verdana, Arial, "宋体"; COLOR: #f60; PADDING-TOP: 6px
}
#advertise IMG {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 10px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid
}
#today_search A {
	MARGIN: 0px 2px
}
#wz {
	MARGIN: 10px 0px; WIDTH: 600px; TEXT-ALIGN: center
}
.container {
	MARGIN: 0px auto; WIDTH: 1004px; POSITION: relative
}
.header {
	MARGIN: 0px auto; WIDTH: 950px
}
.header_top {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(../images/top_bg.gif) repeat-x; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; HEIGHT: 20px
}
.header_top SPAN {
	FLOAT: right; MARGIN: -15px 0px 0px
}
.header_main {
	
}
.header_fix {
	PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.header_main UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 15px; LIST-STYLE-TYPE: none; HEIGHT: 60px
}
.header_main UL LI {
	FLOAT: left
}
#li_1 {
	MARGIN: 0px 0px 0px 5px; WIDTH: 280px
}
#li_3 {
	WIDTH: 658px; TEXT-ALIGN: right
}
.header_nav {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/nav_bg.gif) repeat-x; PADDING-BOTTOM: 10px; WIDTH: 950px; PADDING-TOP: 9px
}
.header_nav A {
	PADDING-RIGHT: 13px; PADDING-LEFT: 8px; BACKGROUND: url(../images/dis.gif) no-repeat right 50%; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px
}
.header_nav A:hover {
	COLOR: #fff
}
.header_nav SPAN {
	FLOAT: right; MARGIN: -15px 20px 0px 0px; COLOR: #fedbe8
}
.header_search {
	CLEAR: both; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 0px solid; PADDING-LEFT: 10px; BACKGROUND: #f2f6fb; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; WIDTH: 928px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 20px
}
.hot_search {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
.search_form {
	FLOAT: right; HEIGHT: 20px
}
.main {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 10px
}
.left {
	FLOAT: left; WIDTH: 730px
}
.main_layer_1 {
	HEIGHT: 265px
}
.photoPlay {
	BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; FLOAT: left; BORDER-LEFT: #333 1px solid; WIDTH: 286px; BORDER-BOTTOM: #333 1px solid
}
.editor_recom {
	BORDER-RIGHT: #a5b5c0 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a5b5c0 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; FLOAT: right; PADDING-BOTTOM: 1px; BORDER-LEFT: #a5b5c0 1px solid; WIDTH: 430px; PADDING-TOP: 1px; BORDER-BOTTOM: #a5b5c0 1px solid; HEIGHT: 259px
}
.editor_recom IMG {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid
}
.editor_recom P {
	MARGIN: 0px
}
.editor_recom UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.editor_recom UL LI {
	FLOAT: left
}
.editor_recom LI UL {
	MARGIN: 0px 0px 0px 12px
}
.editor_recom LI UL LI {
	CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; WIDTH: 218px; PADDING-TOP: 0px
}
.editor_recom_l {
	FLOAT: left; MARGIN: 8px 0px 0px; WIDTH: 210px
}
.editor_recom_r {
	FLOAT: right; MARGIN: 8px 0px 0px; WIDTH: 205px
}
.editor_recom_l UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-TOP: 0px
}
.editor_recom_r UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.editor_recom_l LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 195px; PADDING-TOP: 0px
}
.editor_recom_r LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 195px; PADDING-TOP: 0px
}
.main_layer_2 {
	MARGIN: 10px 0px 0px
}
.box1 {
	BORDER-RIGHT: #a5b5c0 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a5b5c0 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; FLOAT: left; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a5b5c0 1px solid; WIDTH: 355px; PADDING-TOP: 1px; BORDER-BOTTOM: #a5b5c0 1px solid; HEIGHT: 240px
}
.box2 {
	BORDER-RIGHT: #a5b5c0 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a5b5c0 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; FLOAT: right; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a5b5c0 1px solid; WIDTH: 355px; PADDING-TOP: 1px; BORDER-BOTTOM: #a5b5c0 1px solid; HEIGHT: 240px
}
.box1 SPAN {
	FLOAT: right; MARGIN: -23px 10px 0px 0px
}
.box2 SPAN {
	FLOAT: right; MARGIN: -23px 10px 0px 0px
}
.box1 SPAN A {
	FONT: 11px Verdana, Arial; COLOR: #c52500
}
.box2 SPAN A {
	FONT: 11px Verdana, Arial; COLOR: #c52500
}
.main_layer_2_pic {
	FLOAT: left; MARGIN: 0px 0px 0px 5px; WIDTH: 122px
}
.main_layer_2_pic IMG {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid
}
.main_layer_2_top {
	FLOAT: right; MARGIN: 5px 5px 0px 0px; WIDTH: 210px
}
.main_layer_2_art {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.main_layer_2_art SPAN {
	FONT-SIZE: 11px; MARGIN: -20px 10px 0px 0px; COLOR: #888
}
.main_layer_2 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.main_layer_2 UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px
}
.main_layer_2_art UL {
	MARGIN: 5px 0px 0px 10px
}
.main_layer_3 {
	CLEAR: both; MARGIN: 0px
}
.box {
	CLEAR: both; BORDER-RIGHT: #a5b5c0 1px solid; BORDER-TOP: #a5b5c0 1px solid; BACKGROUND: url(../images/div_a_tag_bg.gif) #fff repeat-x; MARGIN: 0px 0px 10px; BORDER-LEFT: #a5b5c0 1px solid; BORDER-BOTTOM: #a5b5c0 1px solid; HEIGHT: 140px
}
.div_a_tag {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.div_a_tag A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(../images/div_a_tag_dis.gif) no-repeat right 50%; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
A.selected {
	BORDER-RIGHT: #a5b5c0 1px solid; BACKGROUND: url(../images/div_a_tag_over.gif) repeat-x; MARGIN: 0px 0px 0px -2px; BORDER-LEFT: #a5b5c0 1px solid; COLOR: #c52500
}
#web_design {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 12px 10px; PADDING-TOP: 0px
}
#web_code {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 12px 10px; PADDING-TOP: 0px
}
#web_data {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 12px 10px; PADDING-TOP: 0px
}
.web_design_l {
	FLOAT: left; WIDTH: 160px
}
.web_design_l IMG {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid
}
.web_design_r {
	FLOAT: right; WIDTH: 540px
}
.web_design_r UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.web_design_r UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px
}
.web_design_r_l {
	BORDER-RIGHT: #ccc 1px dashed; FLOAT: left; WIDTH: 260px
}
.web_design_r_r {
	FLOAT: right; WIDTH: 260px
}
.main_layer_4 {
	CLEAR: both; MARGIN: 10px 0px 0px
}
.box_gallery {
	CLEAR: both; BORDER-RIGHT: #a5b5c0 1px solid; BORDER-TOP: #a5b5c0 1px solid; BACKGROUND: #fff; MARGIN: 0px 0px 10px; BORDER-LEFT: #a5b5c0 1px solid; BORDER-BOTTOM: #a5b5c0 1px solid; HEIGHT: 140px
}
.box_gallery SPAN {
	CLEAR: both; FLOAT: right; MARGIN: -20px 10px 0px 0px
}
.box_gallery SPAN A {
	FONT: 12px Verdana, Arial,'宋体'; COLOR: #c52500
}
.right {
	FLOAT: right; WIDTH: 205px
}
.right_column {
	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_column P {
	CLEAR: both; MARGIN: 0px 10px 4px
}
.right_column SPAN {
	CLEAR: both; FLOAT: left; MARGIN: 0px 5px 0px 0px
}
SPAN#share {