jquery 实现定时显示与隐藏div广告代码

 html页面中我们随便放些东西

代码如下

<div class="toolbarframe" style="display:none;"><a href="http://www.45it.net" target="_blank"><img src="/upfile/swf/s.jpg" /></a><a class="bigad_close">关闭</a></div>

 

jquery代码

 

代码如下

<script src="/js/v2/jquery-1.7.2.min.js" language="javascript" type="text/javascript"></script>

<script>

$(function(){

setTimeout('$(".toolbarframe").show("slow")',3000);

setTimeout('$(".toolbarframe").hide("slow")',13000);

$(".bigad_close").click(function(){
$(".toolbarframe").hide("slow");
})
});
</script>

 

说明一下上面

代码如下

setTimeout('$(".toolbarframe").show("slow")',3000); 过三秒div慢慢从小到大显示出来

setTimeout('$(".toolbarframe").hide("slow")',13000); 过十秒再自动把div从大到小隐藏了

$(".bigad_close").click(function(){
$(".toolbarframe").hide("slow");
})

这个是用户来关闭,点击关闭就可以实现关闭这个层了。

时间: 2024-09-30 21:39:49

jquery 实现定时显示与隐藏div广告代码的相关文章

基于jquery实现的定时显示与隐藏div广告的实现代码_jquery

下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法.html页面中我们随便放些东西 复制代码 代码如下: <div class="toolbarframe" style="display:none;"><a href="http://www.jb51.net" target="_blan

js加载读取内容及显示与隐藏div示例

 这篇文章主要介绍了js加载读取内容及显示与隐藏div的方法,需要的朋友可以参考下  代码如下: <head>  <script>  function check(){    var num = document.getElementById("choose").value;  alert(num);  if(num=="4"){  document.getElementById("show").style.display

JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素

原文:JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素 一.现在我们在网站设计(三)的基础上,来编写about.html页面. 这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIV about.html页面在前面我们为了看导航栏菜单项高亮显示时,已经写了部分内容,只是那时写的代码没有实现div显示和隐藏,现在就在之前编写的基础上,为页面添加显示和隐藏div的效果. 没有写Java

javascript实现显示和隐藏div方法汇总_javascript技巧

javascript实现显示和隐藏div方法汇总 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15种方法实现div显示和隐藏</title> <script src="js/base.js"></script> <style> body{ mar

JQuery显示、隐藏div的几种方法简明总结_jquery

例子 复制代码 代码如下: $("#top_notice").css("display", "block");//第1种方法  //$("#top_notice").attr("style", "display:block;");//第2种方法  //$("#top_notice").show();//第3种方法    1.给元素换class,来实现隐藏div,前提是

jquery让返回的内容显示在特定div里(代码少而精悍)_jquery

前面写过ajax让返回的内容显示在特定div里最近在看jquery,所以又用jquery重新写了个,jquery果然是"写得更少,做得更多" <html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

jQuery控制元素显示、隐藏、切换、滑动的方法总结_jquery

jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 复制代码 代码如下: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); hide() 和 show() 都可以设置两个可选参数:speed 和 callba

给网站上的广告“加速”显示的方法_广告代码

网站建设-给网站上的广告"加速"的方法 第一种是采用iframe+html的方式调用.不管iframe插入在什么地方,加载网页的时候首先是先加载正文内容,然后才加载iframe里的东西.代码如下: <iframe src="15zone.cn" target="_blank">15zone.cn/blog/post/huazonghua-guanggao.html" target="_blank">

Android 显示和隐藏输入法实现代码_Android

复制代码 代码如下: // 隐藏输入法 InputMethodManager imm = (InputMethodManager) getApplicationContext().getSystemService(Context.INPUT_METHOD_SERVICE); // 显示或者隐藏输入法 imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS); toggleSoftInput 这个方法可以转换软件输入法在窗体中的显示状态.