<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>
分享到:
相关推荐
Protip 是新一代的 jQuery 提示插件,可适用于任何场景。它有以下特点49 position提示选项现场刷新现场元素检查 (元素移除? ->提示消失).比例: 如果不适合显示在屏幕上,它会找到更好的位置.DOM 对象: 追加到 root ...
Grumble.js是一个jQuery插件可用于创建球形汽泡Tooltips。 Tooltips采用淡入/淡出的效果展示,可以设置成自动消失或一直显示直到被关闭为止。Tooltips显示的位置可灵活自动变幻。这个插件还提供一些回调方法如:...
提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...
jQuery点击弹出确认或取消删除特效是一款点击标签弹出遮罩层和是否删除确认框,点击确认就会删除被点击项,弹窗消失。
jQuery Playground 彩色框的网格,可用作学习选择器,事件等的jQuery游乐场。练习1-准备DOM 请参考。 将回调函数添加到ready中,以警告一条消息,提示您可以进行DOM操作。 尝试使用两种样式的回调。练习2-选择器,...
jQuery 游乐场 一个由彩色框组成的网格,可用作学习选择器、事件等的 jQuery 游乐场。 练习 1 - DOM 就绪 参考。 添加一个回调函数到 ready ,它会提醒一条消息,准备好进行 DOM 操作。 尝试使用两种风格的回调。 ...
jQuery Playground 彩色框的网格,可用作学习选择器,事件等的jQuery游乐场。 练习1-准备DOM 请参考。 将回调函数添加到ready中,以警告一条消息,提示您可以进行DOM操作。 尝试使用两种样式的回调。 练习2-选择器...
jQuery Playground 彩色框的网格,可用作学习选择器,事件等的jQuery游乐场。 练习1-准备DOM 请参考。 将回调函数添加到ready中,以警告一条消息,提示您可以进行DOM操作。 尝试使用两种样式的回调。 练习2-选择器...
jQuery 游乐场一个由彩色框组成的网格,可用作学习选择器、事件等的 jQuery 游乐场。练习 1 - DOM 就绪参考。 添加一个回调函数到 ready ,它会提醒一条消息,准备好进行 DOM 操作。 尝试使用两种风格的回调。练习 2...
jQuery Playground 彩色框网格,可用作学习选择器,事件等的jQuery游乐场。练习2-选择器,CSS,属性转到。 通读文档以了解选择器的工作原理。 接下来,查看上的。 在页面上找到secretBox。 将背景色设置为白色。 ...
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 更...
-为Web.config和PageManager增加属性AjaxTimeout(单位秒,默认30秒)。 -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:...
-为Web.config和PageManager增加属性AjaxTimeout(单位秒,默认30秒)。 -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:...
用chrome.runtime 2.2代替了不推荐使用的chrome.extension调用:-删除了访问标签的不必要权限-删除了由于提示而导致的捐赠提示一些用户认为它在第一次出现后并没有消失; 现在,将在首次安装时打开选项页-保存URL...