『演示』Javascript缓动效果(easeOutCubic)应用实例

为什么我要像着做一个这样的应用实例呢?

主要是看到谷歌地图,QQ地图的用户拖拽地图的缓动效果那美好的用户体验让我欲罢不能,所以就下定决心透过现象深入本质,根据QQ地图的API源码自己简单的用DIV块模拟地图块实现了一个这样的缓动效果。

最后本人本着乐于分享的精神,沉重并迫不及待的写下了这篇拙文,以做总结。

好吧,直接先看DEMO

所有源代码都在这一个文件中,有兴趣的童鞋,可以深入研究下,有什么问题的可以留言讨论哈!

因为写的比较仓促,定有写不足之处,关于此效果,我将会在以后的文章中深入浅出的做些分析。

《全文完》

这篇文章目前有10条评论

  1. 一苇 2011-02-11 10:56

    很强的说…

    沙发王 !
  2. Sunny 2011-02-12 01:32

    支持,很好很强大!~

    板凳党 !
  3. Delay7 2011-02-15 03:14

    不错不错!~不过拖得太大力窗口会跑到很远!!
    博主很厉害啊!

    4 #
  4. Johnny 2011-02-15 18:11

    强大,期待教程发布。 (流口水)

    5 #
  5. wenber 2013-06-24 10:15

    请楼主分享一个代码!

    6 #
  6. wenber 2013-06-24 11:12

    地图是放在Div里面的,而鼠标拖动的时候,是要地图有缓动的效果,而不是DIv。这个问题应该怎么解决呢。

    7 #
    • 煎饼 2013-06-25 15:28

      你的地图是用的第三方api吧,如果是的话,一般现在他们都支持这种效果啦~~

      • wenber 2013-06-27 11:38

        我用的是arcgis for javascript api ,没有看到有这个效果.

Leave a Reply

(必填项)

(必填项)

(可选)