runxinzhi.com
首页
百度搜索
Jq公告渐隐弹出
animate弹出后,调用out函数消失。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>豪情</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style> *{margin:0;padding:0;font-size:12px;} input{120px;height:30px;cursor:pointer;} #note{position:absolute;400px;padding:20px;background:#eee;border:1px solid #ccc;left:40%;z-index:9999;display:none;} </style> <script> $(function(){ $('input').click(function(){ if(!$('#note').is(':visible')){ $('#note').css({display:'block', top:'-100px'}).animate({top: '+100'}, 500, function(){ setTimeout(out, 3000); }); } }); }); function out(){ $('#note').animate({top:'0'}, 500, function(){ $(this).css({display:'none', top:'-100px'}); }); } </script> </head> <body> <div id="note"><a href="http://jikey.cnblogs.com" target="_blank">豪情</a></div> <input type="button" value="点我,30s后消失" /> </body> </html>
运行代码
相关阅读:
MyBatis:分页的实现
Mybatis之配置文件
Java之创建线程的方式四:使用线程池
Java之创建线程的方式三:实现Callable接口
Java之线程通信的应用:经典例题:生产者/消费者问题
Java之线程通信的方法
Java之解决线程安全问题的方式三:Lock锁
Java之同步方法处理实现Runnable接口的线程安全问题
Java之同步方法处理继承Thread类的线程安全问题
01 while 循环输入1 2 3 4 5 6 8 9 10
原文地址:https://www.cnblogs.com/jikey/p/1745044.html
最新文章
vuex状态管理,在网页刷新数据被清空的解决方法。
图片 文字合成
Vue
vue中computed watch
vue 深度监听
vue await async
2019.10.16
vue项目如何刷新当前页面
java 服务重启 js 中被注释代码仍然执行
Promise详解与实现(Promise/A+规范)
热门文章
发布订阅案例讲解
在使用element-ui 在mounted生命函数获取ref变量
非父子组件传递方法
vue vuex使用注意
vue $attrs的使用
组件通信
cacl的使用
数组去重、数组对象去重
Vue elementUi input查询、el-table数据表 、el-pagination分页的使用
MyBatis:使用注解开发
Copyright © 2020-2023
润新知