欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery+css3实现Ajax点击后动态删除功能的方法_jquery

程序员文章站 2022-05-20 14:47:38
...
本文实例讲述了jQuery+css3实现Ajax点击后动态删除功能的方法。分享给大家供大家参考。具体如下:

这里使用jquery实现ajax动态删除一个方框,并带有动画缓冲效果,在google plus网站发现的特效,在此献丑模仿了一番,已基本与Google Plusp功能相同,你可在方框中加入一些内容,jquery插件选的版本是1.6.2,更高版本也是可以的。

运行效果截图如下:

jQuery+css3实现Ajax点击后动态删除功能的方法_jquery

具体代码如下:



jQuery+css3实现Ajax动态点击删除功能
').animate({"opacity":"0","margin-left":"510px"},1500,function(){ }); $(this).slideUp({duration: 'slow',easing: 'easeOutBounce'}); }); });

请点击虚线方框

这个方框是可以被删除的