基于jquery DOM写的类似微博发布的效果_jquery

复制代码 代码如下:

微博发布

').appendTo($('#outer')).hide().fadeIn(200).fadeOut(200).fadeIn(200).fadeOut(200);
return;
}else{
$('#test2')[0].disabled=true; //发布成功后，禁止
var timer=new Date();
//微博
$('

'+timer.getHours()+"时"+timer.getMinutes()+"分"+timer.getSeconds()+"秒"+'

').prependTo($('#test3'));
$('.con')[0].innerText=$('#test1')[0].value;
//头像信息
$('.imgs:eq(0)').hover(
function(){$('

• 名字：悟空
• 称号：战斗圣佛
• 现居：花果山

').appendTo($(this).parent());},
function(){$('.imgInf').remove();}
)
//清空
$('#test1')[0].value="";
//发布成功时动画
$('

发布成功

').appendTo($('#outer')).hide().fadeIn(500).fadeOut(500,function(){$('#test2')[0].disabled=false;});
//插入节点时的动画效果
$('.test:first').hide().slideDown("slow");
//删除按钮的事件
$('.bu:eq(0)').click(function(){
if(confirm('确定删除吗？')){
$(this).parent().parent().hide(1000,function(){
$(this).remove();
});
}
});
}
})
//-->