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
随机推荐
- asp.net下经典数据库记录分页代码
- Python的加密模块md5、sha、crypt使用实例
- 微信小程序-消息提示框实例
- Yii把CGridView文本框换成下拉框的方法
- JS实现上传图片的三种方法并实现预览图片功能
- android自定义AlertDialog对话框
- Android判断是否有拍照权限的实例代码
- js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
- Java容器类的深入理解
- JS判断是否为数字,是否为整数,是否为浮点数的代码
- jQuery+PHP+MySQL实现无限级联下拉框效果
- jquery实现图片列表鼠标移入微动
- fullPage.js和CSS3实现全屏滚动效果
- Android最基本的异步网络请求框架
- 详解Android微信登录与分享
- 让校园网更智能
- Java中的hashcode方法介绍
- Python实现获取系统临时目录及临时文件的方法示例
- 易语言改变窗口或组件前后位置的方法
- java多线程实现有序输出ABC