菜鸡求教 html翻页效果

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:最近话说得有点多。。。大概开发太寂寞。。。

css 有个 animation 可以实现动画，仅仅是动起来，没法实现实时与系统对时（需要js）

60秒跳动60次旋转360度。（可以使用linear 线性运动）

# animation:anim_mm 60s linear infinite

animation:mm 60s steps(60) infinite

@keyframes mm{

to{ transform:rotate(360deg) }

}

---