理解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部分,停止()方法非常有用。您可以删除或更改参数。希望对您有所帮助。

tag:方法电脑软件jquery

相关内容