求一个table的翻页效果

[tonyze]

需求是这样的：
比如一屏能显示5行信息，总共有10行信息，就分两屏显示
然后这两屏轮流的显示，谢谢！

[qq196260188]

[Quote=引用 1 楼 fengbohn 的回复:]
public class fenye
{
public fenye()
{
//
// TODO: 在此处添加构造函数逻辑
//
}
/// <summary>
/// 得到分了多少页
/// </summary>
/// <param name="ds">要分页的记录集 </param>
/// <param name="per">每页分多少条 </param>
/// <returns>返回一共分多少页 </returns>
public int pages(DataSet ds,int per)
{
if(per <0)
{
return 1;
}
if(ds.Tables[0].Rows.Count%per!=0)
{…
[/Quote]


这个分页类还可以,,,

[冯修远]

public class fenye
{
public fenye()
{
//
// TODO: 在此处添加构造函数逻辑
//
}
/// <summary>
/// 得到分了多少页
/// </summary>
/// <param name="ds">要分页的记录集</param>
/// <param name="per">每页分多少条</param>
/// <returns>返回一共分多少页</returns>
public int pages(DataSet ds,int per)
{
if(per<0)
{
return 1;
}
if(ds.Tables[0].Rows.Count%per!=0)
{
return ds.Tables[0].Rows.Count/per+1;
}
else
{
return ds.Tables[0].Rows.Count/per;
}
}
/// <summary>
/// 分页
/// </summary>
/// <param name="ds">要分的记录集</param>
/// <param name="dy">第几页</param>
/// <param name="pery">每页分几行</param>
/// <returns>返回当前页的记录集</returns>
public DataSet Getfenye(DataSet ds,int dy,int pery)
{
if(dy<0)
{
dy=1;
}
if(pery<0)
{
pery=1;
}
if(ds.Tables[0].Rows.Count==0)
{
return ds;
}
DataSet ds1=new DataSet();
DataTable dt=new DataTable();
for(int j=0;j<ds.Tables[0].Columns.Count;j++)
{
dt.Columns.Add();
}
for(int i=(dy-1)*pery;i<(i==ds.Tables[0].Rows.Count?ds.Tables[0].Rows.Count:dy*pery);i++)
{
DataRow dr=dt.NewRow();
for(int k=0;k<ds.Tables[0].Columns.Count;k++)
{
dr[k]=ds.Tables[0].Rows[i][k].ToString();
}
dt.Rows.Add(dr);
}
ds1.Tables.Add(dt);
return ds1;
}
}

这是我写的一个分页的类，自己常用的，经过测试没问题，希望可以帮到你。先用第一个方法获取一共有多少页，然后用第二个方法，用一个变量表示第几页（即第二个方法中的dy），从第一页到最后后一页变化。

[kouti]

你是需要一个分页方法还是需要滚屏？

[tonyze]

谢谢了，不过我要的是js代码，不是分页

[hawaiiboys]

用datalist啊

[BlueskyWide]

能否考虑在数据库中分页后，在.net中使用其页码变量?

[冯修远]

用我这种方法分好页后，用js显示就可以了啊。设置一个全局变量，然后在js改变它的值啊。
在页面中通过
dx++
if(dx>最后一页的值){
dx=第一页的值;
}
setTimeout(showad,1000)
重新刷新显示记录集。

[hy_lihuan]

<!--
//图片滚动列表 mengjia 070927
var Speed_1 = 20; //速度(毫秒)
var Space_1 = 10; //每次移动(px)
var PageWidth_1 = 238 * 1; //翻页宽度
var interval_1 = 6000; //翻页间隔
var fill_1 = 0; //整体移位
var MoveLock_1 = false;
var MoveTimeObj_1;
var MoveWay_1="right";
var Comp_1 = 0;
var AutoPlayObj_1=null;
function GetObj(objName)
 {
   if(document.getElementById){
     return eval('document.getElementById("'+objName+'")')
   }
   else{
     return eval('document.all.'+objName)
   }
 }
function AutoPlay_1()
 {
   clearInterval(AutoPlayObj_1);
   AutoPlayObj_1=setInterval('ISL_GoDown_1();ISL_StopDown_1();',interval_1)
 }
function ISL_GoUp_1()
 {
   if(MoveLock_1)return;
   clearInterval(AutoPlayObj_1);
   MoveLock_1=true;
   MoveWay_1="left";
   MoveTimeObj_1=setInterval('ISL_ScrUp_1();',Speed_1);
 }
function ISL_StopUp_1()
 {
   if(MoveWay_1 == "right"){return};
   clearInterval(MoveTimeObj_1);
   if((GetObj('ISL_Cont_1').scrollLeft-fill_1)%PageWidth_1!=0)
    { 
	  Comp_1=fill_1-(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1);
	  CompScr_1()
	}
   else
    {
	  MoveLock_1=false
	}
      
	AutoPlay_1()
 }
function ISL_ScrUp_1()
 {
   if(GetObj('ISL_Cont_1').scrollLeft<=0)
    {
	  GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft+GetObj('List1_1').offsetWidth
	}
   GetObj('ISL_Cont_1').scrollLeft-=Space_1
 }
function ISL_GoDown_1()
 {
   clearInterval(MoveTimeObj_1);
   if(MoveLock_1)return;
   clearInterval(AutoPlayObj_1);
   MoveLock_1=true;
   MoveWay_1="right";
   ISL_ScrDown_1();
   MoveTimeObj_1=setInterval('ISL_ScrDown_1()',Speed_1)
 }
function ISL_StopDown_1()
 {
   if(MoveWay_1 == "left"){return};
   clearInterval(MoveTimeObj_1);
   if(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1-(fill_1>=0?fill_1:fill_1+1)!=0)
    {
	  Comp_1=PageWidth_1-GetObj('ISL_Cont_1').scrollLeft%PageWidth_1+fill_1;
	  CompScr_1()
	}
   else
    {
	  MoveLock_1=false
	}
    AutoPlay_1()
  }
function ISL_ScrDown_1()
 {
   if(GetObj('ISL_Cont_1').scrollLeft>=GetObj('List1_1').scrollWidth)
    {
	  GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft-GetObj('List1_1').scrollWidth
	 }
     GetObj('ISL_Cont_1').scrollLeft+=Space_1
 }
function CompScr_1()
 {
   if(Comp_1==0)
    {
	  MoveLock_1=false;return
	 }
   var num,TempSpeed=Speed_1,TempSpace=Space_1;
   if(Math.abs(Comp_1)<PageWidth_1/2)
    {
	  TempSpace=Math.round(Math.abs(Comp_1/Space_1));
	  if(TempSpace<1){TempSpace=1}
	}
   if(Comp_1<0)
    {
	  if(Comp_1<-TempSpace){Comp_1+=TempSpace;num=TempSpace}
	  else{num=-Comp_1;Comp_1=0}
      GetObj('ISL_Cont_1').scrollLeft-=num;
	  setTimeout('CompScr_1()',TempSpeed)
	 }
	else
	 {
	   if(Comp_1>TempSpace)
	    {Comp_1-=TempSpace;num=TempSpace}
	   else{num=Comp_1;Comp_1=0}
       GetObj('ISL_Cont_1').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed)
	  }
 }
function picrun_ini()
 {
   GetObj("List2_1").innerHTML=GetObj("List1_1").innerHTML;
   GetObj('ISL_Cont_1').scrollLeft=fill_1>=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1);
   GetObj("ISL_Cont_1").onmouseover=function(){clearInterval(AutoPlayObj_1)}
   GetObj("ISL_Cont_1").onmouseout=function(){AutoPlay_1()}
   AutoPlay_1();
 }
//产品展示滚动图片结束
//-->

[wcfboy1]

<div class="content">
<ul id="marqueebox0">
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">wa140</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">wa130</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">wa120</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">w1234567890</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">w123456789</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">w12345678</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">w1234567</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">w123456</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/{@userdirfile}/602061510306/349622001.jpg" /></a></div><a href="#">wf-wang</a>
</li>
<li>
<div><a href="space/?uid={_dd[]}"><img src="/sysImages/user/noHeadpic.gif" /></a></div><a href="#">wcfboy1</a>
</li>
</ul>
<div class="info">0000</div>
</div>

<script>
function startmarquee(lh,speed,delay,index){
var t;
var p=false;
var o=document.getElementById("marqueebox"+index);
o.innerHTML+=o.innerHTML;
o.onmouseover=function(){p=true}
o.onmouseout=function(){p=false}
o.scrollTop = 0;
function start(){
t=setInterval(scrolling,speed);
if(!p) o.scrollTop += 2;
}
function scrolling(){
if(o.scrollTop%lh!=0){
o.scrollTop += 1;
if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(115,5,5000,0);
/**startmarquee(一次滚动高度,速度,停留时间,图层标记);**/
</script>

[ssssss]

Very highly up!

[huhai123]

jquery控件

http://labs.adobe.com/technologies/spry/demos/effects/index.html

[qhdrenzhijie]

路过

[wo594261]

都是强淫

[yagebu1983]

好东西啊！！
收藏！！