HTML / JS分页?

时间:2012-10-24 08:31:50

标签: javascript jquery html css pagination

  

可能重复:
  jQuery Pagination Plugin

我正在尝试在我的网站上添加某种分页:www.metallica-gr.net虽然我尝试了一些jquery但我很难理解如何在我的网站上实现它。

以下是我的网站的构建方式以及文章的显示方式。是否有可能为此做分页?

http://imageshack.us/a/img268/249/paginationq.jpg

1 个答案:

答案 0 :(得分:1)

如果你只有一堆静态文件,那么你最好自己创建链接。我认为这些类型的东西对动态网站更有用。有这样的效果。

<html>
<head>
<script type="text/javascript">

var baseUrl="www.mysite.com?page=";

var forwardLinkId ="fwdLink";

var backwardLinkId = "bwdLink";

function SetForwardUrl(forwardLink)
{
  var page = gup(pageNumber)

  var fwd = document.getElementById(forwardLink);
  var fwd.href = baseUrl + (page.ToNumber() + 1);
}


function SetBackworddUrl(backwordLink)
{
   var page = gup(pageNumber)

  var bwd = document.getElementById(backwordLink);
  var bwd .href = baseUrl + (page.ToNumber() - 1);
}

function gup(name)
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

document.onload = function() { 
SetForwardUrl(fwdLink); 
SetBackwardUrl(bwdLink);
}

</script>
</head>
<body>
<a id="fwdLink" /> <a id="bwdLink" /> 
</body>
</html>