实现Jquery触发一事件后,停留5秒,再接着触发下面的事件
这里是一个广告位的Jquery的代码,有两个不同的广告位,一个是中间浮动显示的,显示5秒后自动消失,并限定每天仅出现一次(Cookie实现):
//=====================广告位的js=====================
$(document).ready(function(){
//广告位中心浮动 5秒后自动消失或者点击关闭
$("#bannerFloatCenter").css("left",($(document).width()-250)/2) ;
//根据cookie来判断是否要显示中心区广告:
if(!isSetCookie()){
$("#bannerFloatCenter").fadeIn(2000,function(){
window.setTimeout('$("#bannerFloatCenter").slideUp(1000);',5000);
});
$("#bannerFloatCenter span").click(function(){
$("#bannerFloatCenter").slideUp(1000);
});
} // 广告位右栏浮动 随滚动条滚动而上下移动,可以点击关闭消失
$(window).scroll(function() {
var offsetTop = 130 + $(window).scrollTop() + "px";
$("#bannerFloatFlowScroll").animate({ top: offsetTop }, { duration: 300, queue: false })
});
$("#bannerFloatFlowScroll span").click(function(){
$("#bannerFloatFlowScroll").slideUp();
});
});
下面是两个广告位的Div:
<!-- 广告位中心浮动 5秒后自动消失或者点击关闭消失 -->
<div id="bannerFloatCenter" style="position:absolute;z-index:2;left:483px; top:275px; border:#9DCE63 4px solid; display:none;">
<a href="http://www.cntronics.com/public/lecture/list?cid=7"><img id="onsemi_1" src="<?php echo $this->baseUrl();?>/images/semiwelcomebanner_250.jpg"/></a>
<span title="关闭" style="position:absolute; cursor:pointer;left:213px;top:-17px;font-size:12px;">[关闭]</span>
</div>
<!-- 广告位右栏浮动 随滚动条滚动而上下移动,可以点击关闭消失-->
<div id="bannerFloatFlowScroll" style="position:absolute; z-index:2; right:50px;top:133px;">
<a href="http://www.cntronics.com/public/whitepaper/index/sp/22"><img id="onsemi_2" src="<?php echo $this->baseUrl();?>/images/semisidebanner_120.jpg"/></a>
<span title="关闭" style="position:absolute; cursor:pointer;left:80px;top:-14px;font-size:12px;">[关闭]</span>
</div>
还有一种写法是把setTimeout()函数放出来:
<script language="javascript">
function reloadNewQuestion(){
//jquery code
var no = Math.random();
var url = "<?php echo $this->baseUrl();?>/webinar/index/newquestion/no/"+no;
$(".content.content_1 ul").load(url);
setTimeout("reloadNewQuestion()",60000);
}
</script> <script language="javascript">
$(document).ready(){
reloadNewQuestion();
}
</script>
实现Jquery触发一事件后,停留5秒,再接着触发下面的事件的更多相关文章
- C# 如何用计时器Timer控件实现停留几秒再做切换窗体的操作
C# Timer用法及实例详解 关于C# Timer类 在C#里关于定时器类就有3个 C# Timer使用的方法1.定义在System.Windows.Forms里 C# Timer使用的方法2.定 ...
- ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇
原文:ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇 第三章 为控件添加事件 后篇 前一篇文章只是简单的说了下事件,但是大家应该方法,在ASP.NET自定义控件中只是简单那么定义事件是 ...
- jquery实现停留半秒后再选择
jquery实现tab停留半秒后,选中菜单.切换tab下的内容: var showHandler=null; function init(){ $("#tab_ul").find( ...
- [转]jQuery 双击事件(dblclick)时,不触发单击事件(click)
例1: 链接:http://www.w3school.com.cn/jquery/event_dblclick.asp HTML 系列教程 浏览器脚本 服务器脚本 ASP.NET 教程 XML 系列教 ...
- jquery 事件 多次绑定,多次触发,怎么清除历史绑定事件
Jquery在处理事件的时候有时候会遇到预想不到的结果 如下 <a id="link_foo">Foo</a> <script type=" ...
- jQuery 双击事件(dblclick)时,不触发单击事件(click)
我这是转载的文字 原文地址:http://www.cnblogs.com/wyblog/archive/2011/12/15/2289219.html 万恶的双击事件啊!! 在jQuery的事件绑定中 ...
- totastmessage 触发事件后浮框消失的方法
1. 前言 通过查了官放的文档,发现没有 totastmessage 触发事件后,浮框消失的方法,然后通过研究了下点击关闭时的源码,得到了一个的解决方案. 2. 样例代码如下 $("#dro ...
- Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法
系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件 ...
- 用jQuery做一个三级菜单,鼠标移动到二级菜单的选项上,然后再迅速离开后,当鼠标再移动到该一级菜单或其他二级菜单选项,三级菜单也会显示。
用jQuery做一个三级菜单,鼠标移动到二级菜单的选项上,然后再迅速离开后,当鼠标再移动到该一级菜单或其他二级菜单选项,三级菜单也会显示. 原因:在为一个元素绑定hover事件之后,用户把光标移入元素 ...
- Silverlight中文本框添加回车事件后,换行无法清除的解决方法
在开发Silverlight的项目中,为了更好的用户体验,我们常要给一些控件添加一些快捷键.然而,在Silverlight中当用户回车提交后,光标停留在文本框的第二行怎么也清除不掉,经过一段时间研究, ...
随机推荐
- exchange邮箱的”单点登陆“
在跟exchange集成登陆时,通常有这样的需求,用户需要点击邮件链接的时候直接打开,不再需要输入用户名密码,实现所谓的单点登陆. 通常有两种方式 1.form认证 登陆原理:用js模拟表单登陆 代码 ...
- js IP 正则表达式
//^((25[0-5]|2[0-4]\d|[01]?\d\d?)($|(?!\.$)\.)){4}$//((?:(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\ ...
- Javascript进阶篇——(JS基础语法)笔记整理
根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可 ...
- .NET一个线程更新另一个线程的UI(两种实现方法及若干简化)
Winform中的控件是绑定到特定的线程的(一般是主线程),这意味着从另一个线程更新主线程的控件不能直接调用该控件的成员. 控件绑定到特定的线程这个概念如下: 为了从另一个线程更新主线程的Window ...
- Android 自动更新 + IIS7 添加APK mime
如果APK文件放在IIS下面需要添加APK的mime,否则会出现下面错误 可以在IIS上添加mime映射 .apk application/vnd.android 下面内容转自:http://ww ...
- IOS创建单例的两种方法
1.0 苹果官方写法: static AccountManager *DefaultManager = nil; + (AccountManager *)defaultManager { if ( ...
- 天天模拟器极速畅玩靠谱游戏《仙境传说RO:复兴》
在电脑上用模拟器打开手游<仙境传说RO:复兴>,今天小编就来写一写天天模拟器的试玩教学. 首先先打开天天模拟器极速版. 在界面中找到鱼图标的靠谱游戏应用中心. 在应用中心中找到<仙境 ...
- Go 语言读写 Excel
Excelize 是 Golang 编写的一个用来操作 Office Excel 文档类库,基于微软的 Office OpenXML 标准.可以使用它来读取.写入 XLSX 文件.相比较其他的开源类库 ...
- 用jquery制作加载条
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- Android平台对H264视频硬解码
本文讲述如何使用Android标准的API (MediaCodec)实现H264的硬件解码. 原本我们是用JNI调用平台提供的硬件解码接口得到YUV帧,再放入opengl脚本里处理渲染的.可是换了新平 ...