Maison > interface Web > js tutoriel > 基于jquery DOM写的类似微博发布的效果_jquery

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

WBOY
Libérer: 2016-05-16 17:48:55
original
1239 Les gens l'ont consulté
复制代码 代码如下:





微博发布jq版






微博发布








').appendTo($('#outer')).hide().fadeIn(200).fadeOut(200).fadeIn(200).fadeOut(200);
return;
}else{
$('#test2')[0].disabled=true; //发布成功后,禁止
var timer=new Date();
//微博
$('
基于jquery DOM写的类似微博发布的效果_jquery
'+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();
});
}
});
}
})
//-->



Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal