锐客网

javasrcipt|Javascript特效之删除内容效果

Javascript特效之删除内容效果 今天分享一个网页经常会用到的删除内容效果即想列表一样的每列数据实现单列删除效果。
效果图:
javasrcipt|Javascript特效之删除内容效果
文章图片


点击右上角的X后该内容会慢慢删除。
实现思路:实际上很简单,就是在该div层加一个动画隐藏效果让该div层慢慢把可见度(opacity)设置为隐藏来实现。
【javasrcipt|Javascript特效之删除内容效果】JQuery代码:

$(document).ready(function(){ $(".pane .delete").click(function(){ $(this).parents(".pane").animate({ opacity: 'hide' }, "slow"); }); });




      javasrcipt 前端之路