HTML页面怎么显示分页

 时间:2024-10-14 18:07:03

1、html网页,如果全部是静态数据,也就是数据不是从数据库获取的,所有的数据都是在网页上已经存在的,但是数据比较多,需要分页的话,该如何显示呢?

2、一般html网页,可以采用div的css属性控制显示和隐藏来实现分页的目的。display:block; 这个css属性可溅局柑氍以让div显示出来;display:none; 这个css属性可以让div隐藏起来;例如:<div id="page1" style="display:block;">这是第1页的内容</div><div id="page2" style="display:none;">这是第2页的内容</div><div id="page3" style="display:none;">这是第3页的内容</div>

3、然后增加3个按钮,分别是第1页,第2页,第3页,每个按钮有点击事情。例如:<a href="javascript:showpage(1);">第1页</a><a href="javascript:showpage(2);">第2页</a><a href="javascript:showpage(3);">第3页</a>

4、然后通过javascript点击事情来修改div的css属性display的值,就可以达到切换页面的目的了。例如:<script>function showpage(page){ for(var i=1;i<=3;i++) { if (page==i){ document.getElementById("page"+page).style.display="block"; } else { document.getElementById("page"+page).style.display="none"; } }}</script>

  • Eclipse高亮显示当前(光标处的)变量
  • myeclipse版本怎么查看
  • java.util.Map$Entry cannot be resolved
  • Navicat如何编辑表结构#校园分享#
  • IntelliJ IDEA怎关闭右侧选中代码所有代码窗口
  • 热门搜索
    格列佛游记手抄报 城南旧事手抄报图片 绿色家园手抄报资料 二年级安全手抄报 有关于环保的手抄报 自我保护手抄报 安全的手抄报图片 消防安全手抄报模板 关于廉政的手抄报 我的一本课外书手抄报