这里是一个广告位的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秒,再接着触发下面的事件的更多相关文章

  1. C# 如何用计时器Timer控件实现停留几秒再做切换窗体的操作

    C# Timer用法及实例详解 关于C# Timer类  在C#里关于定时器类就有3个 C# Timer使用的方法1.定义在System.Windows.Forms里 C# Timer使用的方法2.定 ...

  2. ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇

    原文:ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇 第三章 为控件添加事件 后篇 前一篇文章只是简单的说了下事件,但是大家应该方法,在ASP.NET自定义控件中只是简单那么定义事件是 ...

  3. jquery实现停留半秒后再选择

    jquery实现tab停留半秒后,选中菜单.切换tab下的内容: var showHandler=null; function init(){ $("#tab_ul").find( ...

  4. [转]jQuery 双击事件(dblclick)时,不触发单击事件(click)

    例1: 链接:http://www.w3school.com.cn/jquery/event_dblclick.asp HTML 系列教程 浏览器脚本 服务器脚本 ASP.NET 教程 XML 系列教 ...

  5. jquery 事件 多次绑定,多次触发,怎么清除历史绑定事件

    Jquery在处理事件的时候有时候会遇到预想不到的结果 如下 <a id="link_foo">Foo</a> <script type=" ...

  6. jQuery 双击事件(dblclick)时,不触发单击事件(click)

    我这是转载的文字 原文地址:http://www.cnblogs.com/wyblog/archive/2011/12/15/2289219.html 万恶的双击事件啊!! 在jQuery的事件绑定中 ...

  7. totastmessage 触发事件后浮框消失的方法

    1. 前言 通过查了官放的文档,发现没有 totastmessage 触发事件后,浮框消失的方法,然后通过研究了下点击关闭时的源码,得到了一个的解决方案. 2. 样例代码如下 $("#dro ...

  8. Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法

    系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件 ...

  9. 用jQuery做一个三级菜单,鼠标移动到二级菜单的选项上,然后再迅速离开后,当鼠标再移动到该一级菜单或其他二级菜单选项,三级菜单也会显示。

    用jQuery做一个三级菜单,鼠标移动到二级菜单的选项上,然后再迅速离开后,当鼠标再移动到该一级菜单或其他二级菜单选项,三级菜单也会显示. 原因:在为一个元素绑定hover事件之后,用户把光标移入元素 ...

  10. Silverlight中文本框添加回车事件后,换行无法清除的解决方法

    在开发Silverlight的项目中,为了更好的用户体验,我们常要给一些控件添加一些快捷键.然而,在Silverlight中当用户回车提交后,光标停留在文本框的第二行怎么也清除不掉,经过一段时间研究, ...

随机推荐

  1. Spring 入门 Ioc-Xml

    通过一个小例子演视怎么通过 Spring 往程序中注入对象,而非手动 new 对象. 一.导入 Spring 所需要的包 spring-framework-2.5.6 版需要导入以下包: 1.---- ...

  2. java面对对象 关键字this super

    this:this是指向对象本身的一个指针,成员函数内部指向当前类的对象 其实this主要要三种用法: 1.表示对当前对象的引用! 2.表示用类的成员变量,而非函数参数,注意在函数参数和成员变量同名是 ...

  3. Java之定时任务详解

    在我们编程过程中如果需要执行一些简单的定时任务,无须做复杂的控制,我们可以考虑使用JDK中的Timer定时任务来实现.下面就其原理.实例以及Timer缺陷三个方面来解析java Timer定时器. 在 ...

  4. YouTube视频插入Markdown

    举个例之: 正常YouTube会生成一个<iframe>直接在HTML里面引用即可: <iframe width="420" height="315&q ...

  5. python之列表、字典的使用

    一.概述:以后你在Linux里面写Python脚本的时候会经常用到Python列表.字典,因为你在以后写脚本的时候,大多数情况下都是对文件进行操作处理,使用字典和列表可以很好的操作文件,得出你想要的结 ...

  6. 1206: B.求和

    题目描述 点击这里 对于正整数n,k,我们定义这样一个函数f,它满足如下规律 现在给出n和k,你的任务就是要计算f(n,k)的值. 输入 首先是一个整数T,表示有T组数据 接下来每组数据是n和k(1& ...

  7. The package does not support the device architecture (x86). You can change the supported architectures in the Android Build section of the Project Opt

    The package does not support the device architecture (x86). You can change the supported architectur ...

  8. Nginx的HTTP模块

    1.HTTP的核心模块.这些HTTP模块会在编译Nginx时自动编译进来,除非使用configure命令禁止编译这些模块.(1)alias指令.该指令用于在URL和文件系统路径之间实现映射.它与roo ...

  9. Jquery基础之ajax

    ajax是Asynchronous JavaScript and XML(异步JavaScript和XML)的简称,ajax并不是单一的技术而是利用一系列交互网页应用相关的技术形成的结合体,ajax揭 ...

  10. perl binlog dml操作报告

    <pre name="code" class="html">if ( $#ARGV < 2 ){ print "please inp ...