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

理解jQuery停止()方法

理解jQuery停止()方法
作为前端开发人员,js和jQuery是我们经常使用的开发语言和工具库。众所周知,jQuery中有一种非常强大的方法,即停止(),它是防止连续动画或事件重复累积的一种方法。让我们先看一下停止()。

停止()在语法中有两个参数,它们都是布尔布尔值,它们都是可选的,但是有一些规则,如下所示:

$(选择器)停止(stopall、ToEnd)。

参数:(默认情况下,如果没有写入参数,则这两个参数被认为是false)。

StopAll:是可选的,指定是否要停止所有加入队列选中元素的动画。这意味着,如果参数是真实的,所有后续的动作或事件将停止。如果参数是错误的,只有选定的元素是目前执行的动画停止,和随后的动画是不影响。因此,这个参数是错误的。

ToEnd:可选。指定是否允许当前动画的完成,可当stopall参数设置。正如我们上面所说的,我们一般写的stopall参数错误的价值,而不是默认的,但是真正的写作的参数。然后是ToEnd两参数选项,一个是虚假的,其他的是真的。的意思,每个人都应该明白,在一般情况下,这是真的。这意味着允许当前动画来完成的。

下面是相应的代码:

HTML:

复制代码代码如下所示:

开始抽奖

三十

四十五

五十五

获奖记录
CSS:

复制代码代码如下所示:

#内容{ / *边上:10em;保证金:0 /宽度:48em;汽车;}

#内容div {显示:块;宽度:100%;}

#内容div.cont_b {位置:相对;文本对齐:中心;背景:URL(。 /图像/ content_bgb .webp)没有重复;背景尺寸:100% 100%;}

#内容div img {显示:块;宽度:100%;边界:无;}

#content div.Slide_box{position:absolute; top:0px; width:100%;}

#内容div.img。开始{位置:绝对;顶部:290px;}

#内容div img a.start_btn {显示:块;宽度:150px;身高:150px;文本缩进:- 9999px;保证金:0汽车;} / * * /修改

#内容div img a.rank_30 {位置:绝对;顶部:230px;左:70px;显示:块;宽度:250px;身高:60px;文本缩进:- 9999px;}

#内容div img a.rank_45 {位置:绝对;顶部:230px;左:460px;显示:块;宽度:250px;身高:60px;文本缩进:- 9999px;}

#内容div img a.rank_55 {位置:绝对;顶部:430px;左:170px;显示:块;宽度:280px;身高:60px;文本缩进:- 9999px;}

#内容div img a.prize_notes {位置:绝对;顶部:470px;右:50px;显示:块;宽度:150px;身高:150px;文本缩进:- 9999px;}
js_jquery:

复制代码代码如下所示:

VaR(页面=美元。slide_box。IMG );

无功page_num = page.length;

var = 0;

$(。next_btn)。Click(function(e){

如果(Num < 2){

Page.slideUp(),停止(假的,真的)。Eq(民1)SlideDown();

数字+;

其他{ }

Page.slideUp(),停止(假的,真的)。情商(0)。SlideDown();

数字= 0;

}

});

});
以上是在编写单击事件效果时在工作中遇到的事件的累积。在js部分,停止()方法非常有用。您可以删除或更改参数。希望对您有所帮助。

相关文章

PHP实现了目录的遍历,并在指定的文

PHP实现了目录的遍历,并在指定的文

删除,文件,遍历,并在,实现了,现在,坐在安静的卧室里,寒假似乎已经结束了……今天是我寒假的最后一次学习,我一直在看一首歌。 过去我写了一个用C语言遍历目录和复制文件的程序,程序很长,很复杂。现在,PHP也可以用来遍历目录,而且代码要短得多。这…

URL最大长度限制相关数据的验证

URL最大长度限制相关数据的验证

验证,数据,长度,电脑软件,URL,在支付宝界面的开发和调试中,突然发现支付宝的URL界面很长,远远大于之前对255个字符的印象: 的说法,URL不能大于255bytes确实存在,如用来: 复制代码代码如下所示: HTTP协议对URI的长度没有任何先验限制。服务器必…

画家画了一个真正的老虎教程

画家画了一个真正的老虎教程

教程,老虎,画了,画家,电脑软件,本教程是介绍画家画一个真正的老虎,渲染效果非常逼真,但课程有一定难度,作者对绘画过程进行了简要介绍,使学习者有一些艺术技巧,推荐,作为一个想法和朋友分享。 本教程是介绍画家画一个真正的老虎,渲染效果非常逼真…

魔兽世界更新之后出现计算机丢失ap

魔兽世界更新之后出现计算机丢失ap

魔兽世界更新之后出现计算机丢失api-ms-win-core-com-l1-1-0.dll或者其他api类文件如何解决?,系统,版本,下载,方法,文件,操作流程,位操作,工具,部分魔兽玩家在更新魔兽版本后会遇到以下的错误提示弹窗,这种情况一般是由于电脑中缺少部分文件导致的,解…

ps通道计算命令应用程序框图

ps通道计算命令应用程序框图

通道,计算,应用程序,命令,框图,以下萧边为您带来PS通道计算命令使用方法图。对于新手来说,很多人可能不熟悉计算命令。这里有一个详细的介绍给你。让我们一起学习。 计算是另一种图像混合操作,这是类似于应用图像命令,命令可以计算合成图像中…

右键点击空链接是防止殴打href#页

右键点击空链接是防止殴打href#页

链接,页码,右键点击,电脑软件,href,有时间做的事情只是使用环节,也不需要连接,只需要处理onclick事件,如果#容易导致点击页面,页面跳转,所以分享的三种方法,以方便需要的朋友 有时我们只需要使用链接,但不需要链接。我们只需要处理onclick事件,但…

烟花制作中国古典水墨人物签名

烟花制作中国古典水墨人物签名

水墨,中国古典,烟花,人物,电脑软件,本教程是向大家介绍利用烟花制作中国古典水墨风格的标志。制作方法很简单。本教程还提供资料,和朋友可以一起学习一起创作。 本教程是向大家介绍利用烟花制作中国古典水墨风格的标志。制作方法很简单。本…

该方法处理Ajax返回ThinkPHP

该方法处理Ajax返回ThinkPHP

方法,电脑软件,Ajax,ThinkPHP,本文的例子告诉ThinkPHP处理Ajax和股票供您参考大家的回报方式。具体实现的方法如下: 在ThinkPHP,你可以直接返回阿贾克斯: 复制代码如下:(handleurl美元。后,{用户名:username.val(),内容:content.val()},功能(数据){ } 这…

WordPress禁止文章修改和自动保存

WordPress禁止文章修改和自动保存

自动保存,修改,完美,文章,电脑软件,那么WordPress使用长一直很讨厌WordPress文章修改和自动保存功能,还使用了超级开关插件可以禁止修改WordPress文章自动保存功能,但你的博客插件已经足够,但通过修改WordPress程序主要实现修改和自动存储功能…

PHP格式的输出文件var_export功能

PHP格式的输出文件var_export功能

输出,文件,实例,功能,格式,本文阐述了PHP格式的输出文件的var_export函数的用法。分享给你供你参考。以下是如下: var_export:PHP 4 4.2.0 PHP > = 5。 var_export输出或返回变量的字符串表示。 描述:混合var_export(混合表达式返回bool {,}) …

在JSP页面中插入CSS样式的三种方法

在JSP页面中插入CSS样式的三种方法

方法,三种,样式,页面,电脑软件,1,外部风格 当样式需要应用到很多页,外部样式表将是一个理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件改变整个网站的外观,每一页都链接到一个样式表使用标签。标签是对的(文件头): 2。内部样式 …

10优秀网络开发人员提高开发能力

10优秀网络开发人员提高开发能力

开发人员,能力,网络,优秀,电脑软件,开发不仅仅是写代码,这来自于对3ev网站的Dan Frost,在一篇文章中,介绍了一些在发展过程中,应注意的问题。 开发不仅仅是写代码这句话是从3ev网站Dan Frost。他在一篇文章中阐述了开发过程中的一些注意事项,原…