`
yzd
  • 浏览: 1819933 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

javascript 分页

 
阅读更多
<p>pager.js内容:</p>
<p><textarea cols="91" rows="15" name="code" class="javascript">var _START_, _END_; //pager容器中当前最大值与最小值
var _PageIndex_; //当前页码数值
var _pageTotal = 26; //共106页
var _pagerContent = 6; //pager容量10页
var PagerCss = "style=/"text-decoration:none; background:#ccddee; margin-left:5px; border:sloid 1px #ff3300; padding:5px 10px; line-height:20px;float:left;/"";
var pagerHtml = "";
_START_ = 1;
_END_ = _pagerContent;
function goBack() {
    if (_END_ - _START_ &lt; _pagerContent - 1) {
        _START_ -= _pagerContent;
        _END_ = _START_ + _pagerContent - 1;
    } else {
        _START_ -= _pagerContent;
        _END_ -= _pagerContent;
    }
    _PageIndex_ = _START_;
    SetCss();
    pageClick(_PageIndex_, false);
}
function SetCss() {
    if (_START_ == 1 &amp;&amp; _END_ == _pageTotal) {
        $("#btnBack").attr("disabled", true);
        $("#btnNext").attr("disabled", true);
    } else {
        if (_START_ == 1) {
            $("#btnBack").attr("disabled", true);
            $("#btnNext").attr("disabled", false);
        }
        if (_END_ == _pageTotal) {
            $("#btnBack").attr("disabled", false);
            $("#btnNext").attr("disabled", true);
        } if (_START_ != 1 &amp;&amp; _END_ != _pageTotal) {
            $("#btnBack").attr("disabled", false);
            $("#btnNext").attr("disabled", false);
        }

    }

}
function btnBack_onclick() {
    goBack();
    CreatePagerHtml();
}
function CreatePagerHtml() {
    pagerHtml = "";
    if (_END_ &gt; _pageTotal) {
        _END_ = _pageTotal;
    }
    for (var i = _START_; i &lt;= _END_; i++) {
        pagerHtml += "&lt;a href="/" mce_href="/""#/" onclick=/"pageClick(this,true)/"" + PagerCss + "&gt;" + i + "&lt;/a&gt;";
    }
    $("#pager").html(pagerHtml);
}
function btnNext_onclick() {
    goNext();

    CreatePagerHtml();
}
function goNext() {
    _START_ += _pagerContent;
    if (_END_ + _pagerContent &gt; _pageTotal) {
        _END_ = _pageTotal;
    } else {
        _END_ += _pagerContent;
    }
    _PageIndex_ = _START_;
    SetCss();
    pageClick(_PageIndex_, false);
}

function pageClick(pageIndex, isNumber) {
    if (isNumber == true) {
        alert($(pageIndex).html());
    } else {
        alert(pageIndex);
    }

}
$(function () {
    $("#btnBack").attr("disabled", true);
    _PageIndex_ = 1;
    CreatePagerHtml();
    pageClick(_PageIndex_);
});</textarea></p>
<p>html页面内容</p>
<p><textarea cols="90" rows="15" name="code" class="xhtml">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
      &lt;mce:script src="Scripts/jquery-1.4.1.js" mce_src="Scripts/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/mce:script&gt;
    &lt;mce:script src="Pager.js" mce_src="Pager.js" type="text/javascript"&gt;&lt;/mce:script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div&gt;
&lt;a href="#" mce_href="#" id="btnBack"onclick="return btnBack_onclick()" style="text-decoration:none; background:#ccddee; margin-left:5px; border:sloid 1px #ff3300; padding:5px 10px; line-height:20px;float:left;" mce_style="text-decoration:none; background:#ccddee; margin-left:5px; border:sloid 1px #ff3300; padding:5px 10px; line-height:20px;float:left;" &gt;&lt;&lt;&lt;/a&gt;

&lt;div id="pager"  style="float:left;" mce_style="float:left;" &gt;&lt;/div&gt;
&lt;a href="#" mce_href="#" id="btnNext"onclick="return btnNext_onclick()" style="text-decoration:none; background:#ccddee; margin-left:5px; border:sloid 1px #ff3300; padding:5px 10px; line-height:20px;float:left;" mce_style="text-decoration:none; background:#ccddee; margin-left:5px; border:sloid 1px #ff3300; padding:5px 10px; line-height:20px;float:left;" &gt;&gt;&gt;&lt;/a&gt;
  
       &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></p>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics