急！！！ Ajax分页问题

做一个页面，分页是做好了。上面部分是文章内容的分页，下面的是评论的分页。改变的是div.innerHTML 但是感觉跳动动作太大 有什么法子解决么？看起来动作不是很大的 
show.php<?php
header("Content-type: text/html;charset=gbk");//输出编码,避免中文乱码
//require_once 'conn.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>表情测试</title>
<script language="javascript" src="js/fenye.js"></script>
<!--script language="javascript" src="js/sendmsg.js"></script-->
</head>
<body>
<div id="result" style="border:1px solid #666; padding:5px; ">
<?php
$page=isset($_GET['page'])?intval($_GET['page']):1;       
$num=2;     $link = mysql_connect("localhost", "root", "123") or die("Could not connect: " . mysql_error());
mysql_select_db("ceshi",$link);                                 
$result=mysql_query("select * from message");
$total=mysql_num_rows($result); $url='list.php';
$pagenum=ceil($total/$num);                                 
$page=min($pagenum,$page);
$prepg=$page-1;//上一页
$nextpg=($page==$pagenum ? 0 : $page+1);//下一页
$offset=($page-1)*$num;                                     //开始分页导航条代码：
$pagenav="显示第 <B>".($total?($offset+1):0)."</B>-<B>".min($offset+$num,$total)."</B> 条记录，共 $total 条记录 ";//如果只有一页则跳出函数：
if($pagenum<=1) return false;$pagenav.=" <a href=\"javascript:;\" onclick=\"dopage('$url?page=1');\">首页</a> ";
if($prepg) $pagenav.=" <a href=\"javascript:;\" onclick=\"dopage('$url?page=$prepg');\">上一页</a> "; else $pagenav.="上一页";
if($nextpg) $pagenav.="<a href=\"javascript:;\" onclick=\"dopage('$url?page=$nextpg');\">下一页</a> "; else $pagenav.="下一页";
$pagenav.="<a href=\"javascript:;\" onclick=\"dopage('$url?page=$pagenum');\">尾页</a> ";
$pagenav.="第 $page 页".'/'."共 $pagenum 页";//假如传入的页数参数大于总页数，则显示错误信息 
If($page>$pagenum){
   Echo "Error : Can Not Found The page ".$page;
   Exit;
}
echo "<br>";
$sql="select * from message order by id limit $offset,$num ";
$info=mysql_query($sql); //获取相应页数所需要显示的数据While($it=mysql_fetch_array($info)){
   echo $it['content'];
   echo "<br>";
}                //显示数据
   echo"<br>";
   echo $pagenav;//输出分页导航?>
</div>
<div>
<textarea name="content" id="content" ></textarea>
<input type="button" value="ajax发送" onclick="sendmsg('post.php');"/>
</div>
</body>
</html>

解决方案 »

  1.   

    function processSend(){   //处理返回信息的函数
    if(http_request.readyState==4){//判断对象状态
    if(http_request.status==200){//信息已成功返回，开始处理信息
    //alert(http_request.responseText);
    // document.getElementById("result").innerHTML='ddddddd';
           
               //  var c = document.getElementById("result");
                // c.innerHTML  = http_request.responseXML.getElementById("result").value;
    }
    else{//页面不正常
    alert("您所请求的页面不正常！");
    }
    }
    }改变的是id=result 这个div的内容 感觉跳动动作太大了。能不能处理一下。或者说直接不需要在回调函数里处理了？
      

  2.   

    跳动动作？
    是不是那种翻页时分页部分变化很大，很晃眼的现象？你可以先获取当前页的高，然后计算新页的高，滑动到新的高度，就可以很流畅的翻页动画了。或者再加入淡入淡出的效果，在jQuery里可以方便的实现