提示框显示2秒自动消失
2016-03-25 16:29
447 查看
<script>
$(function(){
$('input').click(function(){
if(!$('#note').is(':visible')){
$('#note').css({display:'block', top:'-100px'}).animate({top: '+100'}, 500, function(){
setTimeout(out, 2000);
});
}
});
});
function out(){
$('#note').animate({top:'0'}, 500, function(){
$(this).css({display:'none', top:'-100px'});
});
}
</script>
依赖jquery
$(function(){
$('input').click(function(){
if(!$('#note').is(':visible')){
$('#note').css({display:'block', top:'-100px'}).animate({top: '+100'}, 500, function(){
setTimeout(out, 2000);
});
}
});
});
function out(){
$('#note').animate({top:'0'}, 500, function(){
$(this).css({display:'none', top:'-100px'});
});
}
</script>
依赖jquery
相关文章推荐
- osx的终端软件iterm2 之 修改外观 和 常用快捷键小结
- HID高级攻击姿势:利用PowerShell脚本进行文件窃取
- JPA & Hibernate 注解
- 关于openGL中glReadPixels接口的一点使用心得
- Android 软件盘始终无法隐藏解决办法
- leetcode-7 Reverse Integer
- UVa 10054 - The Necklace
- python的zeroMQ介绍
- emgucv 画圆弧
- C#实验2.4
- static 和const关键字的用法总结
- POJ 2452 Sticks Problem
- Tomcat启动报Error listenerStart错误
- JVM划分Eden Space、Survivor Space、Tenured Gen,Perm Gen
- oracle拆分逗号分隔字符串 实现split
- 标准化组织 相关术语
- js高级程序设计(七)函数表达式
- Oracle 删除重复数据只留一条
- Git命令
- 数据仓库专题23-原则!原则!原则!