退出
充值

jQuery ui实现添加删除动画

作者/代码整理:懒人之家  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2012-06-15
    首先申明一下,这个动画是某个高手做出来的,我非常佩服,但对方究竟是谁,我就不清楚了,他将jquery ui用得非常好,值得我学习。

    现在用户对页面的用户体验要求越来越高,我们正常的思维是点击我需要的产品,跳转到另外的页面,接着出现产品的详细信息。而有的朋友却希望,当我点击这个产品的时候,能在顶部出现产品的信息,并且可以删除,删除后产品会返回原来的位置。

    我觉得很不可思议,印像中FLASH是可以实现这种功能的,但我对FLASH是不通的!

    高手就是不一样,引进jquery ui,通通实现,让我欣赏。

    但我今天并没有将所有动画都展示出来,我只是展示了添加删除部分!

    当我点击“加入体验”按钮,顶部“card-list”区域就自动加入产品,当我点击“删除体验”,产品就会返回原区域。真够神奇!