Javascript特效之删除内容效果

Javascript特效之删除内容效果

今天分享一个网页经常会用到的删除内容效果即想列表一样的每列数据实现单列删除效果。

效果图：

点击右上角的X后该内容会慢慢删除。

实现思路：实际上很简单，就是在该div层加一个动画隐藏效果让该div层慢慢把可见度（opacity）设置为隐藏来实现。

JQuery代码：

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

});