style.css

AJAX的一个学习实例

/*------------------------总体样式---------------------*/

/*选择最外框样式*/
div#selectMain
{
	border: 2px solid #009966;
	width:150px;
	font-size:13px;
	background-color:#FFFFFF;
	position:absolute;
}

/*选择框内图片样式*/
div#selectMain img
{
	border:0px;
}


/*------------------------搜索部分---------------------*/

/*搜索外框样式*/
div#selectSearchMain
{
	
}

/*搜索文本框样式*/
div#selectSearchMain input
{
	border: 1px solid #B9E2CC;
}


/*------------------翻页和数据总体样式------------------*/

/*选择内容样式,包括内容和上下页操作*/
div#selectContentMain
{
	border: 1px solid #B9E2CC;
	padding-top:3px;
}

/*------------------------翻页部分---------------------*/

/*翻页操作和显示页数信息*/
table#operatePage
{
	width:300px;
}

/*当前页和总页文字*/
span#pageInfo,span#pagesInfo
{
	font-size:13px;
	color:#669900;
}

/*当前页数字*/
span#page
{
	font-size:13px;
	color:#FF0000;
}

/*总页数字*/
span#pages
{
	font-size:13px;
}

#gotoPageNum
{
	border: 1px solid #B9E2CC;
	padding-bottom:-10px;
}


/*------------------------数据列表部分---------------------*/

/*选择框数据列表样式*/
table#selectDatas
{
	text-align:center;
	font-size:13px;
	width:300px;
}

/*表头列名背景*/
table#selectDatas thead
{
	background:#DDFFEC;
	font-size:15px;
}

/*表头行样式*/
table#selectDatas thead th
{
	border-top: 1px solid #B9E2CC;
	border-left: 1px solid #B9E2CC;
	padding:3px;
}

/*数据行边框*/
div#selectDataRow
{
	border-top: 1px solid #B9E2CC;
	border-left:1px solid #B9E2CC;
	height:10px;
}


/*鼠标停留背景颜色*/
.Select-OnMouseOver
{
	background-color:#DDFFEC;
}

/*鼠标离开背景颜色*/
.Select-OnMouseOut
{
	background-color:#ffffff;
}