JS分页效果示例_javascript技巧

分页

复制代码 代码如下:

<script type="text/javascript" language="javascript" src="js/pager.js"></script>

复制代码 代码如下:

/*--------pager-------*/
.number span a{padding:4px 6px;}
.number span a:hover{padding:4px 6px; background-color: #999;color:#FFFFFF;}
.number {margin:5px 0;font-size: 14px;font-weight: bold;color: #ff00ff;}
.number span{border:solid 1px #cccccc;background-color:#FFFFFF;color:#666666;line-height:20px;display:inline-block;margin-left:4px;margin-right:4px;}
#a_title{ text-align:center; height:30px; line-height:30px;font-size:18px; font-weight:bolder; display:block}
#a_smalltitle{font-size:14px; font-weight:bolder; text-align:center;display:block;}
.a_about{text-align:center; display:block; height:20px; line-height:20px; background:#F3F8F7}
#a_content{padding:10px; height:auto;overflow:hidden;text-align:left;line-height: 200%; word-break:break-all;}
#a_near{padding-left:20px; margin:5px 0; height:auto}

.Red{ color:Red}

<p class="nav">
<!--js分页-->
<script type="text/javascript" language="javascript">
var pg = new showPages('pg');
pg.pageCount = <% =PageCount %>;
pg.printHtml();
</script>
</p>
</div>

public void Bind()
{
Maticsoft.BLL.news bllnews = new Maticsoft.BLL.news();
PagedDataSource ps = new PagedDataSource();
ps.DataSource = bllnews.GetAllList().Tables[0].DefaultView;
ps.AllowPaging = true;
ps.PageSize = 5;//分页大小
ps.CurrentPageIndex = currentPage - 1;
pageCount = ps.PageCount.ToString();
r1.DataSource = ps;
r1.DataBind();
}

时间: 2025-01-29 08:03:55

JS分页效果示例_javascript技巧的相关文章

JS实现的适合做faq或menu滑动效果示例_javascript技巧

本文实例讲述了JS实现的适合做faq或menu滑动效果.分享给大家供大家参考,具体如下: <!CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt--> <meta http-equiv="Content-Type" content="text/html;

JS+CSS实现的拖动分页效果实例_javascript技巧

本文实例讲述了JS+CSS实现拖动分页效果的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>拖动分页</title> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <style> body{ border:0px; margin:0px; overflow:hidden; backgrou

js分页工具实例_javascript技巧

本文实例讲述了js分页工具的用法.分享给大家供大家参考.具体实现方法如下: js代码部分: 复制代码 代码如下: /**   * 分页js   */  var Page;    (function(){          var Page = {version:"1.0",author:"liuxingmi"};          var showPage = 9;          Page.navigation = function(divId, totalRe

心扬JS分页函数代码_javascript技巧

复制代码 代码如下: <!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=&qu

JS实现类似51job上的地区选择效果示例_javascript技巧

本文实例讲述了JS实现类似51job上的地区选择效果.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>地区选择效果</title></head> <meta http-equiv="Content-Type" content="text/html;

JS简单实现浮动窗口效果示例_javascript技巧

本文实例讲述了JS简单实现浮动窗口效果.分享给大家供大家参考,具体如下: HTML部分: <!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"> &l

JS基于面向对象实现的选项卡效果示例_javascript技巧

本文实例讲述了JS基于面向对象实现的选项卡效果.分享给大家供大家参考,具体如下: 中间过渡环节:把面向过程的程序,改写成面向对象的形式 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> #div1 input {background:#CCC;} #div1 .active {background:yellow;} #div1 div {width:200px; height:200

JS封装的选项卡TAB切换效果示例_javascript技巧

本文实例讲述了JS封装的选项卡TAB切换效果.分享给大家供大家参考,具体如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>JS封装的选项卡TAB代码</title> <style type="text/css"> *{ padding:0; margin:0;}

一个封装js代码-----展开收起效果示例_javascript技巧

第一次靠自己完整的封装的小特效,有点小小的兴奋,和大家分享下,希望能对和我一样在探索的童鞋们有点帮助 js部分: 复制代码 代码如下: var show_obj = function(obj,at,ob){ $(obj).bind('click', function(){ var showTxt = $(this).children(at); //alert($(at).html()); //alert(sObj); //alert(); //alert($(this).parent().chi