`
learnmore
  • 浏览: 589236 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery如何实现过几秒消失的标签提示

jQuery 
阅读更多
<head>
<style>
   .quick-alert{
   width: 50%;
   margin: 1em 0;
   padding: .5em;
   background: #ffa;
   border: 1px solid #a00;
   color: #a00;
   font-weight: bold;
}
</style>
<script src="jquery.js"></script>
<script type="text/javascript">
    function fade()
{
    //停留2秒后消失,在停留的时候,透明度为1.0什么都不做
    $('<div id="add" class="quick-alert">我是添加进来的</div>').insertAfter($("#example")).animate({opacity: 1.0}, 2000).fadeOut("slow",function(){
   //隐藏时把元素删除
   $(this).remove();
});
}
</script>
</head>
<body>
    <div id="example" class="quick-alert">
   q
</div>

</br>
<input type="button" onclick="fade();">
</body>
分享到：
| url传中文参数
评论
发表评论

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

相关推荐

    jQuery提示插件Protip.zip

    Protip 是新一代的 jQuery 提示插件，可适用于任何场景。它有以下特点49 position提示选项现场刷新现场元素检查 (元素移除? -&gt;提示消失).比例: 如果不适合显示在屏幕上，它会找到更好的位置.DOM 对象: 追加到 root ...

    jQuery气泡提示插件Grumble.js.zip

    Grumble.js是一个jQuery插件可用于创建球形汽泡Tooltips。 Tooltips采用淡入/淡出的效果展示，可以设置成自动消失或一直显示直到被关闭为止。Tooltips显示的位置可灵活自动变幻。这个插件还提供一些回调方法如：...

    jQuery详细教程

    提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    jQuery点击弹出确认或取消删除特效

    jQuery点击弹出确认或取消删除特效是一款点击标签弹出遮罩层和是否删除确认框，点击确认就会删除被点击项，弹窗消失。

    jQuery-playground

    jQuery Playground 彩色框的网格，可用作学习选择器，事件等的jQuery游乐场。练习1-准备DOM 请参考。 将回调函数添加到ready中，以警告一条消息，提示您可以进行DOM操作。 尝试使用两种样式的回调。练习2-选择器，...

    boxes-Jquery-Playground:框练习来练习 jQuery

    jQuery 游乐场 一个由彩色框组成的网格，可用作学习选择器、事件等的 jQuery 游乐场。 练习 1 - DOM 就绪 参考。 添加一个回调函数到 ready ，它会提醒一条消息，准备好进行 DOM 操作。 尝试使用两种风格的回调。 ...

    boxes-jQuery-playground

    jQuery Playground 彩色框的网格，可用作学习选择器，事件等的jQuery游乐场。 练习1-准备DOM 请参考。 将回调函数添加到ready中，以警告一条消息，提示您可以进行DOM操作。 尝试使用两种样式的回调。 练习2-选择器...

    gschool_jQuery-playground

    jQuery Playground 彩色框的网格，可用作学习选择器，事件等的jQuery游乐场。 练习1-准备DOM 请参考。 将回调函数添加到ready中，以警告一条消息，提示您可以进行DOM操作。 尝试使用两种样式的回调。 练习2-选择器...

    jquery-playground

    jQuery 游乐场一个由彩色框组成的网格，可用作学习选择器、事件等的 jQuery 游乐场。练习 1 - DOM 就绪参考。 添加一个回调函数到 ready ，它会提醒一条消息，准备好进行 DOM 操作。 尝试使用两种风格的回调。练习 2...

    Jquery-boxes

    jQuery Playground 彩色框网格，可用作学习选择器，事件等的jQuery游乐场。练习2-选择器，CSS，属性转到。 通读文档以了解选择器的工作原理。 接下来，查看上的。 在页面上找到secretBox。 将背景色设置为白色。 ...

    JavaScript实战

    13.1.8 消失的变量和函数 386 13.2 使用Firebug调试 387 13.2.1 安装并打开Firebug 387 13.2.2 用Firebug查看错误 388 13.2.3 使用console.log( )记录脚本过程 389 13.2.4 教程：使用Firebug控制台 390 13.2.5 更...

    ExtAspNet_v2.3.2_dll

    -为Web.config和PageManager增加属性AjaxTimeout(单位秒，默认30秒)。 -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -为Web.config和PageManager增加属性AjaxTimeout(单位秒，默认30秒)。 -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:...

    图片下载「Image Downloader」-crx插件

    用chrome.runtime 2.2代替了不推荐使用的chrome.extension调用：-删除了访问标签的不必要权限-删除了由于提示而导致的捐赠提示一些用户认为它在第一次出现后并没有消失； 现在，将在首次安装时打开选项页-保存URL...

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