先获取屏幕的宽 然后减去你的页面宽 然后再除以二就行
屏幕宽度:screen.width
我用一个div来演示了:
<div id="div"></div>
<script>
function centers(){
var divs = document.getElementById("div")
document.getElementById("div").style.marginLeft = (screen.width -divs.offsetWidth)/2+"px"
}
</script>
1,快速解决你问题的方法你下的模版页码上a标签
<a href="#">2</a>
设置为空了,如果你想让它模拟跳转的效果
可以将href='#'修改为href="xxx.html"
xxx.html以你自己命名的文件为准,文件夹下要有这个文件
然后再xxx.html里面设置<a href="index.html">页码1</a>
这样两个页面就可以来回跳了。
以上是静态页面之间的跳转,实质上的网页应用以更
高级的方式跳转
2,静态切换式的分页原理
在页面潜伏5个不同的DIV块。
显示其中之1,隐藏其他4个。
利用javascript代码,为页码添加点击事件,当页码改变的时候
显示指定的块style="display:''",影藏其他4个块style="display:none",达到视觉上的分页效果。
3,利用服务器端语言或者AJAX的动态分页
这个才算真正的分页了。
服务器驱动,比如PHP语言,点击页码时传递分页参数,服务器刷新整个页面。
(页面是刷新了整个页面,但是只改变了分页区域的显示,所以视觉上的差异是部分)
AJAX ,JAVASCRIPT利用异步更新获取其他新的分页区域,等到获取完毕时,只局部刷新
需要更新的区域,所以不会有视觉抖动,整个页面也不会被刷新
PS:最近话说得有点多。。。大概开发太寂寞。。。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)