当前位置:首页 > 日记 > 正文

jQuery中动画动画的第二次点击没有响应。

jQuery中动画动画的第二次点击没有响应。
当使用动画单击页面动画时,会发现第二个单击事件动画没有响应,第一个单击具有动画效果,代码如下所示:

复制代码代码如下所示:

$(页),停止()。动画({ }:随着改变,800,'easeinoutexpo);
二单击事件动画没有回应:顶部是一个网页元素的父元素在顶部的距离,顶部第一次点击,页面已经移动到顶部的元素在随着改变位置的顶部从父元素,二点击当页不在移动位置后继续移动随着改变,但目前的位置,根据他的父亲,前元-300px.it显然已第一时间移动到顶部:随着改变位置,第二顶:随着改变移动距离是0,所以它不会回应。

uff1a解

复制代码代码如下所示:

$(页),停止()。动画({:- = 300px },800,'easeinoutexpo);
上图:- = 300px,这第二点击继续-第一次点击后的位置300px。

如果动画移动距离是可变的,则不能使用变量名来写之前:
函数向下(){
无功page_h = $(页),Height(); / / 687
无功page_top = parseInt($(页),Css(顶)); / / 0
无功动= wrap_top + page_h;
$(页),停止()。动画({ }:移动,800,'easeinoutexpo);
};
无功page_h = $(页),Height();获取页面的高度和page_h分配的价值,价值就是价值;

无功page_top = parseInt($(。页)),Css(顶));获得距离从当前页面顶部的父元素上并将它分配给page_top,(parseInt:消除PX)。

无功动= wrap_top + page_h;计算移动距离;
通过这种方式,每个动画将恢复当前页面顶部和其父顶部之间的距离。

注意:Height()的值不是PX单位,而$(。)Css(top)的值是PX单元。parseInt需要删除单元像素的像素为单位计算。

以上是本文的全部内容,希望大家能喜欢。

相关文章

人格签名在高考中的经典签名

人格签名在高考中的经典签名

人格,经典,电脑软件,这是一年的大学入学考试。家长和老师不要忘记鼓励同学,所以学生自己应该鼓励自己。这是萧边的励志名言高考学生写的,我喜欢赞一个。 鲍建锋从磨砺出,梅花香自苦寒来。 吃苦的是人。 学习是春天的萌芽,它没有增长。 辍学就像…

PS图象处理软件合成的阴郁气氛的恐

PS图象处理软件合成的阴郁气氛的恐

万圣节,阴郁,图象,处理软件,海报,本教程介绍朋友用PS图象处理软件创造的黑暗氛围的恐怖万圣节海报。本教程的效果真的很好,足以表明ps.ok,较强的综合能力的建议,并按照教程在一起。 本教程是恐怖的万圣节海报的黑暗氛围主要采用PS图象处理软件…

PS过滤器,创造凉爽的气体保护球过滤

PS过滤器,创造凉爽的气体保护球过滤

过滤器,过滤,创造,凉爽,气体,本教程的重点是制作球状气泡的方法。一般的过程:先把云做阴影,然后用液化和其他一些高光的滤镜,再加上数字和其他材料,再渲染高光使透明气体的效果。 最终效果 1,首先,打开一张帅哥的图片(点击打开),用钢笔拿起主要人…

PS电子商务模式修复:如何保留真实的

PS电子商务模式修复:如何保留真实的

背景色,模式,自然,真实,电脑软件,这是一个ps商业模型的修复教程,是如何教你如何保留真实的自然阴影代替背景色的。这个教程相当不错。我推荐给喜欢一起学习教程的朋友们。 保持真实和自然的阴影部分,替换背景色,使效果更自然。 原 设计素描 …

jQuery移动到列表顶部的方式

jQuery移动到列表顶部的方式

列表,方式,电脑软件,jQuery,本文给出了一个jQuery将鼠标移动到列表顶部的例子,供大家参考,具体实现方法如下: 一 二 三 如果单击两个,则两行移动到列表的顶部。 $(),Click(函数(){) $(这)。父()。Prepend($(this)); }); 希望本文能对大家的jQuery程序设计有所帮…

使用PS图象处理软件的肖像商业细化

使用PS图象处理软件的肖像商业细化

教程,细化,肖像,图象,处理软件,本文主要介绍了设计方法,利用PS图象处理软件的人像商业细化,有需要的朋友可以参考下 说到化妆,第一要素是精致,细节决定成败,在建立图时,要尽可能仔细地看:第二要素妆修的颜色是要有时尚妆才应该… art_adbox开始 a…

页面反转的7个主要元素中的7个元素

页面反转的7个主要元素中的7个元素

元素,反转,页面,电脑软件,我们没有一个特殊的过程,也就是说,把下面7件事联系起来,实现目标。 Shopify加是企业版的电子商务平台,我们创建的。这是在2014年2月公布,仍然是第一个版本。我认为它的时间来改变版。 经过一年多的时间,我们对客户和自…

PHP单例模式的详细介绍

PHP单例模式的详细介绍

单例模式,详细介绍,电脑软件,PHP,单例模型的概念 单例模式是整个应用程序的一个类的对象实例的设计模式。具体而言,作为一种创建对象,单例模式确保一个类只有一个实例,它实例化本身和整个系统提供实例,而不是创建一个实例的副本,它返回一个引用…

一个关于函数的使用教程()函数在Java

一个关于函数的使用教程()函数在Java

函数,使用教程,电脑软件,JavaScipt,函数语句不是一个新函数的定义,它可以定义函数使用函数()来构造操作符的惟一方式。 注意:这是面向对象编程的术语,第一次你可能不习惯它,没有问题。 语法 下面是使用新操作符创建使用函数函数()的函数的语法。…

如何删除Word2007教程Word2007在顶

如何删除Word2007教程Word2007在顶

教程,删除,电脑软件,十字线,在Word文档的使用过程中会遇到一些问题,如果你遇到以下在Word2007编辑文档,文档是水平线以上的使用问题,线也打印,这是很烦人的,如何解决一下你的武器,A. 然而,通过我不断的摸索,发现只需要以下三个步骤来删除文档中的交…

ps如何在修复时添加一个虚线边框

ps如何在修复时添加一个虚线边框

边框,虚线,如何在,电脑软件,ps,ps如何在图片修复时添加一个虚线边框拍摄照片时,我们经常需要制作虚线边框。虽然很简单,但还是有很多朋友不愿意做。接下来,我们将分享详细的生产过程。 ps学习如何在图片中添加虚线边框。 1、创建一个新的6px,…

ai绘制一个美丽的相切圆符号。

ai绘制一个美丽的相切圆符号。

绘制,一个美丽,符号,电脑软件,ai,本教程介绍了一个朋友ai创建美丽而优美的切圆标记法。教程比较简单,画出来的圆圈标记非常漂亮。建议你喜欢你的朋友一起学习。 本教程主要是介绍ai画一个漂亮的切圆标志,教程很不错,推荐给喜欢学习的朋友们! …