纯JS实现可用于页码更换的飞页特效示例

前端之家收集整理的这篇文章主要介绍了纯JS实现可用于页码更换的飞页特效示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了纯JS实现可用于页码更换的飞页特效。分享给大家供大家参考,具体如下:

这个效果使用了自己封装的一个运动函数;这个效果的巧妙之处在于,在开始用数组存放了每个li的位置信息,然后在点击按钮(页码)的时候让li的宽高位置和透明度发生运动的改变一个一个的消失,然后在消失结束之后,再一个个倒着出现;可以和页码进行匹配,从而实现页码更换的效果

<Meta charset="UTF-8"> www.jb51.cc JS飞入<a href="/tag/xiaoguo/" target="_blank" class="keywords">效果</a>
  • 运动函数move.js:

    运行效果如下:

    更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《

    希望本文所述对大家JavaScript程序设计有所帮助。

    猜你在找的JavaScript相关文章