`
xinklabi
  • 浏览: 1586886 次
  • 性别: Icon_minigender_1
  • 来自: 吉林
文章分类
社区版块
存档分类
最新评论

JQuery实现提示层几秒钟后消失

 
阅读更多

<div id="testdivshow">这是信息</div>

 

$('#testdivshow').css({

　　position: "absolute", 

　　top: 123,

　　left: 123,

　　width: 123,

　　height: 123

}).show(300).delay(3000).hide(300);

300表示300毫秒,消失时间,可以根据自己喜好定.

3000表示3000毫秒,也就是3秒.

分享到：
| JVM体系结构
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    显示1秒消失的提示框

    在给定的【标题】和【描述】中，我们可以看出这个提示框有以下特点：用户可以设置提示框显示后的消失时间（n秒后消失），以及控制提示框消失的速度。 为了实现这样的功能，我们通常会用到HTML、CSS和JavaScript这三...

    jquery 提示信息显示后自动消失的具体实现

    以下将详细介绍如何利用jQuery实现提示信息显示后自动消失的功能。 首先，我们来探讨两种不同的方法： **方法一：使用`show()`、`delay()`和`hide()`方法** ```javascript $("#errormsg").html("您的信息输入错误...

    jQuery提示框代码有渐变特效.rar

    本资源"jQuery提示框代码有渐变特效.rar"提供了一个利用jQuery实现的具有渐变效果的浮动提示框功能。这个功能在网页中尤其有用，可以为用户提供动态反馈信息，增强用户体验。 首先，我们要理解jQuery的基本概念。...

    使用JAVASCRIPT实现弹出框，过一段时间自动消失.txt

    通过使用JavaScript，我们可以实现一个弹出框，使其在显示一段时间后自动消失，为用户提供更好的体验，避免长时间占据屏幕空间。下面将详细解析这一功能的实现方法。 #### 1. 创建弹出框对象与显示逻辑 在给定的...

    jQuery仿QQ邮箱的设置成功 提示（顶部绿色提示）

    将上述HTML、CSS和JavaScript代码整合到你的项目中，当用户触发保存设置的事件时，就会看到一个绿色的提示信息在页面顶部出现，几秒钟后自动消失。 通过这样的实现，我们可以为用户提供更加友好的交互体验，使他们...

    通过Jquery实现轻量型吐丝消息框2

    在描述中提到的“轻量型吐丝消息框”是指一种具有平滑动画效果的提示信息组件，它可以快速地弹出消息，并在一段时间后自动淡出消失，提供良好的用户体验。 首先，我们需要了解Jquery的基本用法。Jquery的核心在于...

    jQuery 腾讯顶部弹窗banner

    此外，还可以通过定时器自动显示或隐藏弹窗，以实现定时推送或定时消失的效果。例如，使用`setTimeout()`和`clearTimeout()`： ```javascript var timer; $(document).ready(function() { // 页面加载后延迟2秒...

    jQuery弹出div层过2秒自动消失

    总结一下，这个jQuery实现的弹出div层过2秒自动消失的技巧主要依赖于以下几点： 1. 使用jQuery选择器和DOM操作方法创建和添加元素。 2. 利用CSS设置div层的样式和位置。 3. 使用`setTimeout`函数进行延迟执行，实现...

    jQuery弹出广告并自动收起特效.zip

    描述中提到，该特效会在页面加载后立即显示一个全屏广告，然后在2秒钟后自动消失，这是通过计时器和动画效果实现的。 首先，让我们了解jQuery的基础知识。jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件...

    jQuery实现文本显示一段时间后隐藏的方法分析

    在本文中，我们将深入探讨如何使用jQuery来实现一个功能：在文本显示一段时间后自动隐藏。这个功能在很多场景下都非常实用，例如显示提示信息、加载状态等。 首先，我们来看一个基础的示例。当用户点击一个按钮...

    jquery div提示框渐隐弹出与隐藏效果

    总的来说，这个例子展示了如何利用jQuery的动画功能创建一个有交互性的提示框，该提示框会在点击按钮后渐隐弹出，然后在3秒钟后渐隐消失，提供了一种优雅且用户体验良好的提示方式。这种技巧在网页设计和开发中非常...

    原生JS消息提示特效插件Message.js.zip

    例如，用户可以设置消息显示几秒钟后自动消失，或者用户点击消息后消失。 4. **动画效果**：为了增加视觉吸引力，Message.js 提供了多种动画效果，如淡入淡出、滑动、缩放等。这些动画在消息出现和消失时使用，使...

    给力的信息提示插件

    在这个例子中，当用户点击ID为`myButton`的元素时，将会显示一条信息提示，并在3秒钟后自动消失。通过调整参数，我们可以轻松定制提示的样式和行为。 总的来说，"给力的jQuery信息提示插件"是一个强大且灵活的工具...

    基于JQuery的浮动DIV显示提示信息并自动隐藏

    在网页开发中，有时我们需要向用户显示短暂的通知或提示信息，比如操作成功、失败等，这时浮动的DIV（层）是一种常见的实现方式。基于jQuery，我们可以轻松创建这种浮动的提示信息，并设定它在一定时间后自动隐藏。...

    jGrowl jQuery多风格消息弹出框的插件.zip

    例如，你可以设定消息在几秒钟后自动消失，或者在用户点击后关闭，这些设置都可以通过简单的API调用完成。 再者，jGrowl的API简洁明了。它提供了一套易于理解和使用的函数，如`$.jGrowl('message')`用于创建一个...

    jqueryMessage示例.rar

    在这个例子中，当用户点击ID为`myButton`的元素时，会弹出一个信息类型的消息，内容为“这是你要显示的内容”，位于屏幕右上角，并在3秒钟后自动消失。 jQuery Message插件还支持自定义样式和动画效果。通过修改CSS...

    jQuery实现定时隐藏对话框的方法分析

    这里的12000是毫秒，表示12秒钟后执行`fadeOut`方法，使指定的对话框淡出消失。注意，`setTimeout`的第二个参数是时间间隔，单位为毫秒，1秒等于1000毫秒。 另外，`setInterval`在某些情况下可能会导致预期之外的...

    轻量级提示

    当需要显示提示时，通过jQuery的`.show()`方法将其可见，同时可以使用`.fadeOut()`或`.slideUp()`等方法让提示在一段时间后逐渐消失。例如： ```html 操作成功！ ``` ```css .hidden { display: none; } ``` ```...

    jQuery使用fadeout实现元素渐隐效果的方法

    综上所述，jQuery的fadeout方法是实现元素渐隐效果的一种简便方法，通过提供不同的参数，我们可以轻松地控制元素消失的速度和方式，极大地丰富了网页的动态表现力。对于前端开发者而言，掌握fadeout以及其他jQuery...

    jQuery 效果- 隐藏和显示

    `会让`&lt;p&gt;`元素在1秒钟内逐渐消失。此外，还可以提供一个回调函数，当隐藏操作完成后执行，例如： ```javascript $("div").hide(1000, "linear", function() { alert("Hide() 方法已完成!"); }); ``` 这里，`...

Magicbox
Global site tag (gtag.js) - Google Analytics