jQuery 快速结束当前正在执行的动画
当需要快速结束一个当前正在执行的jquery 动画时(还没执行完成),如 fadeOut(),可以在执行当前动画的对象上执行 stop(true);方法
<script type="text/javascript">
function deleteMyConsults(consultid,obj){
jQuery(obj).parents("li").html("<div class='show_tip' colspan='6' align='left'>删除成功!<a href='javascript:;' onclick='iKnow(this);'>我知道了</a></div>").fadeOut(5000) ;
}
function iKnow(obj){
jQuery(obj).parents("li").stop(true).remove() ;
}
</script>
相关推荐
-
jQuery 快速结束当前正在执行的动画
当需要快速结束一个当前正在执行的jquery 动画时(还没执行完成),如 fadeOut(),可以在执行当前动画的对象上执行 stop(true);方法 如: 复制代码 代码如下: <script type="text/javascript"> function deleteMyConsults(consultid,obj){ jQuery(obj).parents("li").html("<div class='show_tip' co
-
Jquery中使用show()与hide()方法动画显示和隐藏图片
(1)功能描述 在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以动画的方式隐藏该图片. (2)实现代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
-
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
本文实例讲述了jQuery实现的给图片点赞+1动画效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示. 完整实例代码点击此处本站下载. 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&
-
基于jquery fly插件实现加入购物车抛物线动画效果
先给大家展示下效果图: 在购物网站中,加入购物车的功能是必须的功能,有的网站在用户点击加入购物车按钮时,就会出现该商品从点击出以抛物线的动画相似加入购物车,这个功能看起来非常炫,对用户体验也有一定的提高.下面介绍基于jquery fly插件实现加入购物车抛物线动画效果. 使用jquery.fly插件很方便时实现抛物线动画加入购物车的功能 一.插件下载 插件官方:https://github.com/amibug/fly 二.载入jQuery库文件和jquery.fly.min.js插件 <scr
-
jquery+easeing实现仿flash的载入动画
去年面试过一家做网站的 公司,看了一下他们的案例,看懂一个蛮有意思的 ,一个房地产的官网,是用flash做的.感觉不错. 于是,闲暇之际,简单的jquery 模仿做了一下.下面是我的效果图.脚本也没啥优化,流畅度也没有flash流畅.但是重要的是看到这个flash,想到 如何实现它效果的思路,非常适合新手. 观察上诉,首先左侧是个载入动画, 复制代码 代码如下: $('.left').find('ul').delay(90).animate({left:0},700,'easeOutSine',
-
jQuery快速实现商品数量加减的方法
废话不多说了,直接给大家贴代码了,具体代码如下所示: <!-- 快速实现数量加减 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(docu
-
基于jquery实现百度新闻导航菜单滑动动画
本文实例为大家分享jquery实现百度新闻导航菜单滑动动画,供大家参考,具体内容如下 思路与步骤 1.利用UL创建简单横向导航: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199
-
Java实现等待所有子线程结束后再执行一段代码的方法
本文实例讲述了Java实现等待所有子线程结束后再执行一段代码的方法.分享给大家供大家参考,具体如下: 今天有一个需求是:在一个方法中开启了一个子线程来执行操作,返回值依赖于子线程的执行结果,这样如果要返回正确的值,就需要开启子线程后 主线程等待子线程,然后子线程执行结束后,主线程再继续执行. 主线程等待子线程需要用到:CountDownLatch 代码如下: import java.util.concurrent.CountDownLatch; public class Counter { pu
-
jQuery实现带有洗牌效果的动画分页实例
本文实例讲述了jQuery实现带有洗牌效果的动画分页.分享给大家供大家参考.具体如下: 这款jquery分页示例载入的是一个图片的LI列表,使用jQuery技术将其分为多页显示,在分页的过程中,还加入了动画效果,使整个分页效果看上去很有专业味. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-list-page-flash-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//
-
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
基于jQuery实现仿搜狐辩论投票动画代码 ,一款个性的卡通小人正方反方辩论投票特效代码.移动动画效果平滑自然.具有非常好的用户体验.该源码兼容目前最新的各类主流浏览器. 效果演示 源码下载 html代码: <script type="text/javascript"> $(document).ready(function () { var a = 500; var b = 130; $("#white").animate({ width: 0, l
随机推荐
- linux Shell学习笔记第五天
- 详解thinkphp+redis+队列的实现代码
- IIS PHP环境Temp文件夹的权限问题引起的网站故障
- iOS中自带超强中文分词器的实现方法
- Java导出txt文件的方法
- 解析dedecms空间迁移步骤详解
- MultiLine 换行后实现读取不换行的具体思路
- go语言中时间戳格式化的方法
- 使用VisualStudio开发php的图文设置方法
- 前端设计师们最常用的JS代码汇总
- smarty中常用方法实例总结
- 使用Python脚本生成随机IP的简单方法
- jqGrid随窗口大小变化自适应大小的示例代码
- asp动态页面防采集的新方法
- Android实现音量调节的方法
- fullPage.js和CSS3实现全屏滚动效果
- java使用http实现文件下载学习示例
- Android实现下载zip压缩文件并解压的方法(附源码)
- 快速模式匹配算法(KMP)的深入理解
- C语言获得电脑的IP地址的小例子