`
sungang_1120
  • 浏览: 322704 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

Jquery 动画’特效 之——弹出小广告实例

 
阅读更多

    //延迟3秒之后  广告出来
        setTimeout(function(){
            $("#testDiv2").slideDown(1000,function(){
                //延迟5秒之后  广告隐藏
                test_timeOut_id = setTimeout(function(){
                    $("#testDiv2").slideUp(1000);
                },5000);
            });
        },3000);
        //关闭广告
        $("#close_div").click(function(){
            if(window.test_timeOut_id){
                //两秒淡入进去
                $("#testDiv2").fadeOut(2000);
               
            }
        });

 

 

 

 

<div
        style="background: yellow; width: 200px; height: 100px; bottom: 0px; position: absolute; right: 2px; display: none;"id="testDiv2">
        <a style="float: right;" href="javascript:;" id="close_div">x</a> 广告
    </div>

分享到:
评论

相关推荐

    Jquery特效实例 图片弹出 层弹出

    在这个"Jquery特效实例 图片弹出 层弹出"的主题中,我们将探讨如何使用jQuery来实现一些常见的用户体验增强效果,如图片预览和弹出窗口。 首先,`styles.css`是用于定义页面和特效样式的CSS(层叠样式表)文件。在...

    一天搞定jQuery(一)——使用jQuery完成定时弹出广告

    在广告弹出时,可能会有平滑的动画效果。jQuery的`.fadeIn()`和`.fadeOut()`方法可用于淡入淡出效果,`.slideToggle()`则用于滑动显示或隐藏。这些方法可以配合`duration`参数设置动画速度,如`$("#ad").fadeIn(1000...

    jQuery带二维码登录窗口弹出层特效.zip

    本项目"jQuery带二维码登录窗口弹出层特效"正是利用jQuery的特性,为网页登录界面添加了一种新颖的交互方式——二维码扫描登录。 首先,我们需要理解“弹出层特效”这一概念。在网页设计中,弹出层通常是指一种不...

    jquery弹出大图特效

    **jQuery弹出大图特效**是一种常见的网页交互设计,它为用户提供了一种便捷的方式来查看页面上的高分辨率图像。在网页设计中,这种功能通常用于展示产品细节、摄影作品或任何需要放大查看的内容。jQuery库因其易用性...

    网页模板——jQuery实现点击按钮爆炸式弹出不同颗粒动画特效源码.zip

    总的来说,这个“网页模板——jQuery实现点击按钮爆炸式弹出不同颗粒动画特效源码”是一个学习和实践JavaScript动画技术的好例子。通过研究这个源码,开发者不仅可以掌握jQuery的事件处理和动画制作,还能了解到如何...

    jquery弹出层特效

    首先,标题"jquery弹出层特效"指的是使用jQuery库创建的弹出窗口或模态对话框效果。在网页设计中,弹出层通常用于显示警告信息、用户登录表单、确认对话框或其他需要在当前页面之上显示的内容,而不会中断用户的浏览...

    网页模板——jQuery实现滚动到网站页面底部动画弹出对话框.zip

    这个压缩包文件"网页模板——jQuery实现滚动到网站页面底部动画弹出对话框.zip"很可能是包含了一个示例或模板,用于教导开发者如何利用jQuery来创建这种动态效果。 首先,我们来详细解释一下这个功能的核心知识点:...

    网页弹出层特效实例代码

    在本资源包中,我们集中了百度的弹出层特效代码以及其他的弹出层特效实例,旨在为开发者提供丰富的参考和实践素材。 首先,我们要理解弹出层的基本结构。一个典型的弹出层包括一个触发元素(如按钮或链接)、弹出层...

    jQuery点击按钮弹出窗口动画特效.zip

    在jQuery中,实现弹出窗口的动画效果可能涉及以下几个步骤: 1. **隐藏与显示**:首先,弹出窗口在页面加载时应该是隐藏的,可以使用`.hide()`方法。当用户点击按钮时,使用`.show()`方法将其显示出来。 2. **动画...

    jQuery顶部浮动弹出层动画弹出层特效

    在"jQuery顶部浮动弹出层动画弹出层特效"这个主题中,我们将深入探讨如何利用jQuery来创建动态、吸引人的弹出层效果,特别是在页面顶部浮动的设计。 首先,让我们了解什么是弹出层。弹出层是一种网页设计技术,它...

    jQuery超酷弹出窗体特效,jQuery特效

    总的来说,"jQuery超酷弹出窗体特效"是通过jQuery的事件处理、DOM操作和动画功能,结合CSS的样式设计,创造出具有互动性和视觉吸引力的弹出对话框。开发者可以通过理解这些基本原理,结合实例代码,进一步提升自己在...

    jquery基础实例002——可编辑的表格

    在本实例中,"jquery基础实例002——可编辑的表格"主要展示了如何使用jQuery库来实现一个基本的交互式、可编辑的表格功能。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等...

    Jquery基础实例01——用户名校验

    **jQuery基础实例01——用户名校验** 在Web开发中,客户端验证是必不可少的一部分,它能够提高用户体验,减少无效请求...在后续的实例中,我们可以探索更多关于jQuery的功能,如Ajax异步通信、动画效果和插件使用等。

    jQuery特效和实例集合

    《jQuery特效与实例集合——深度探索JavaScript魅力》 在当今的Web开发领域,jQuery以其简洁易用的API和强大的功能,成为了JavaScript库的首选。这个名为"jQuery特效和实例集合"的压缩包,包含了50多个精心设计的...

    jquery css3交互式动画弹出层展示特效

    本项目“jquery css3交互式动画弹出层展示特效”正是结合这两者,实现了一种吸引人的网页元素——弹出层(也称为模态窗口或对话框)。 首先,让我们深入了解jQuery。jQuery是一个轻量级的JavaScript库,它简化了...

    jQuery特效__弹出层

    本教程将专注于jQuery特效中的一个重要部分——弹出层(也称为模态窗口或对话框)的实现与应用。 一、jQuery基础 在深入弹出层之前,我们需要对jQuery的基本概念有所了解。jQuery是一个轻量级的JavaScript库,它...

    jquery经典实例60例-动画实例

    《jQuery经典实例60例-动画实例》是学习jQuery库中动画效果的宝贵资源,它涵盖了从基础到高级的各种动画技巧。jQuery库以其简洁、强大的API而闻名,尤其是在处理页面元素的动态展示和动画效果方面。以下将详细介绍...

    jquery动画特效时间轴

    jquery动画特效时间轴

    jQuery SVG实现的页面弹出窗口动画特效源码.zip

    jQuery SVG实现的页面弹出窗口动画特效源码是一段实现了点击按钮后动画弹出页面窗口效果代码,本段代码适应于所有网页使用,有需要的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器,是一款非常优秀...

Global site tag (gtag.js) - Google Analytics