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