jquery提示sucess

这是学习笔记。

今天做东西的时候，想把体验做好，于是打算再ajax success字段中添加函数实现提示sucess。

用了jquery的fadeIn 跟fadeOut，再fadeIn的callback函数中调用了fadeOut，所以在#div1显示完后又淡出了。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>jquery提示</title><link rel="stylesheet" type="text/css" href="bootstrap.css"><script type="text/javascript" src="jquery-1.8.1.min.js"></script>
</head><body><button>点我</button><div id="div1" style="position: absolute;left: 40%;color:green;display: none;z-index: 99999"><h1>SUCCESS</h1></div>
</body>
<script>
$(document).ready(function() {$("button").click(function() {$("#div1").fadeIn("slow", function() {$("#div1").fadeOut("slow");});});
});
</script></html>

转载于:https://www.cnblogs.com/passer101/p/6341685.html

jquery提示sucess相关推荐

解决sea.js引用jQuery提示$ is not a function的问题
解决sea.js引用jQuery提示$ is not a function的问题参考文章: (1)解决sea.js引用jQuery提示$ is not a function的问题 (2)https: ...
轻巧的jQuery提示框插件Tipso演示
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8&qu ...
VSCode中，新建js文件中编译器自带jQuery提示失效的解决方法
VSCode中,新建js文件中编译器自带jQuery提示失效的解决方法在VSCode中,新建js文件可能会发生VSCode自带的jQuery提示引起失效,如下图在HTML文件中进行编辑,<s ...
ajax---＞请求异常 jQuery提示parsererror错误解决办法
请求异常 jQuery提示parsererror错误解决办法参考文章: (1)ajax--->请求异常 jQuery提示parsererror错误解决办法 (2)https://www.cnb ...
Jquery 提示插件
jQuery信息提示工具官方地址:http://www.sharejs.com/code/jquery/plugin/poshytip-1.0/demo/index.html Demo中提供了三种使 ...
15个友好的jQuery 提示框插件
需要在用户把光标移到某个元素上时显示一些额外信息时,提示框是一种不错的方式,提示框会在鼠标停留的时候显示,鼠标移开时消失. 适当的使用提示框能大大提升网站的友好度,并且可以节省一些不必要的网页空间,今 ...
Aptana 添加jQuery提示
Window -- Preferences : -- Aptana -- editors - javascript --code Assist 勾选jquery. 测试一下: 不但有智能提示,还显示 ...
流行的jquery 提示插件 tip
信息提示虽然是小东西,但是在网站设计中却起到了巨大的作用.如果你网站的信息提示做的好,会给访客留下非常深刻的印象.下面有30个非常流行的jQuery信息提示插件,希望对各位有所帮助.记住,所有的这些都 ...
Eclipse的JQuery提示插件-Spket（别试了，没什么效果，且安装设置麻烦）
参考: http://www.cnblogs.com/shulin/archive/2010/08/09/1796146.html 我测试了,但是没用起来,原因有如下几点: 1.配置复杂,且提示效果不 ...
引入JQuery提示:Uncaught ReferenceError: $ is not defined
在使用jQuery的时候,发现有如下报错: Uncaught ReferenceError: $ is not defined (anonymous function) 出现这个报错的原因: 1.j ...

jquery提示sucess

jquery提示sucess相关推荐

最新文章

热门文章