如何php登录按钮的大小,怎样设置html标签中button的大小?

jQuery+Ajax+PHP+Mysql实现分页显示数据

#list{width:680px; height:530px; margin:50px auto 2px auto; position:relative}

#list ul li{ float:left;width:220px; height:260px; margin:2px}

#list ul li img{width:220px; height:220px}

#list ul li p{line-height:22px}

#pagecount{width:500px; margin:10px auto 2px auto; padding-bottom:20px; text-align:center}

#pagecount span{margin:4px; font-size:14px}

#list ul li#loading{width:120px; height:32px; line-height:32px; border:1px solid #d3d3d3; position:absolute; top:35%; left:42%; text-align:center; background:#f7f7f7 url(loading.gif) no-repeat 8px 8px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);}

var curPage = 1; //当前页码

var total,pageSize,totalPage;

//获取数据

function getData(page){

$.ajax({

type: 'POST',

url: 'pages.php',

data: {'pageNum':page-1},

dataType:'json',

beforeSend:function(){

$("#list ul").append("

loading...");

},

success:function(json){

$("#list ul").empty();

total = json.total; //总记录数

pageSize = json.pageSize; //每页显示条数

curPage = page; //当前页

totalPage = json.totalPage; //总页数

var li = "";

var list = json.list;

$.each(list,function(index,array){ //遍历json数据列

li += "

"+array['title']+"";

});

$("#list ul").append(li);

},

complete:function(){ //生成分页条

getPageBar();

},

error:function(){

alert("数据加载失败");

}

});

}

//获取分页条

function getPageBar(){

//页码大于最大页数

if(curPage>totalPage) curPage=totalPage;

//页码小于1

if(curPage<1) curPage=1;

pageStr = "共"+total+"条"+curPage+"/"+totalPage+"";

//如果是第一页

if(curPage==1){

pageStr += "首页上一页";

}else{

pageStr += "首页上一页";

}

//如果是最后页

if(curPage>=totalPage){

pageStr += "下一页尾页";

}else{

pageStr += "下一页尾页";

}

$("#pagecount").html(pageStr);

}

$(function(){

getData(1);

$("#pagecount span a").live('click',function(){

var rel = $(this).attr("rel");

if(rel){

getData(rel);

}

});

});

-------------------------------

你要以参考下自己运行下就知道了---具体可以看看代码，这个是jquery做的

取消

评论