银河国际 JavaScript实现翻页功能(带有渲染)

日期:2021-01-20 05:11:09 浏览量: 112

JavaScript实现翻页功能(带有渲染)

更新时间:2017年2月16日10:40:57作者:尝试过全栈的工程师

本文主要介绍JavaScript以实现翻页功能(带有效果图)网页翻页特效开心8平台 ,这在项目需求中经常遇到。今天,我花时间分享了翻页功能示例代码的JavaScript实现。需要它的朋友og真人og真人厅BG视讯凤凰体育 ,请参考它。

网页翻页特效_翻页ae特效_翻页特效声音

效果图:

翻页特效声音_翻页ae特效_网页翻页特效

要点:

网页翻页特效_翻页ae特效_翻页特效声音

displayPage('#pageDiv','goPage','query',10,1,100);

网页翻页特效_翻页特效声音_翻页ae特效

page.js

/**
 * divObj:显示翻页的div,默认body。如:#pageDiv
 * inputId:跳转页面的id,默认goPage。如:goPage
 * js:点击过之后执行js的方法名。默认query。如:query
 * records:总页数,默认1。
 * total:总记录数,默认0。
 * page:当前页,默认1。
 */
function displayPage(divObj,inputId,js,records,page,total){
  //设置默认值   
  divObj = divObj||"body";
  inputId = inputId||"goPage";
  js=js||"query";
  records=records||1;
  total=total||0;
  page=page||1;
  var str = "当前第 "+page+" 页";
  str += " 共 "+records+" 页";
  str += " 首页";
  if(page>1){
    str += " 上一页";
  }else{
    str += " 上一页";
  }
  if(page下一页";
  }else{
    str += " 下一页";
  }
  str += " βҳ";
  str += " 跳转到 ";
  str += " ";
  $(divObj).empty();
  $(divObj).append(str);
}

以上是编辑器引入的带有翻页功能的JavaScript实现。希望对您有帮助。如果您有任何疑问网页翻页特效,请给我留言。编辑会及时回复您。非常感谢您对Scripthome网站的支持!