javascript中stop方法有什么作用-四川平武建站

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案

javascript中stop方法有什么作用

這篇文章主要介紹“javascript中stop方法有什么作用”，在日常操作中，相信很多人在javascript中stop方法有什么作用問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”javascript中stop方法有什么作用”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

羅田網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

javascript中stop方法作用是阻止在連續(xù)動(dòng)畫(huà)或事件中出現(xiàn)重復(fù)累積狀況的，語(yǔ)法格式為“$(元素).stop是否停止動(dòng)畫(huà),是否允許完成當(dāng)前動(dòng)畫(huà))”。stop()在語(yǔ)法上的兩個(gè)參數(shù)都是Boolean布爾值。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

作為前端開(kāi)發(fā)人員，JS和JQuery是我們經(jīng)常用到的開(kāi)發(fā)語(yǔ)言和工具類(lèi)庫(kù)。我們都曉得，在jQuery中有一個(gè)很強(qiáng)大的方法——stop(),他是阻止在連續(xù)動(dòng)畫(huà)或事件中出現(xiàn)重復(fù)累積狀況的方法。那么，stop()怎么用呢？來(lái)帶大家先認(rèn)識(shí)一下stop()吧：

stop()在語(yǔ)法上有兩個(gè)參數(shù)，分別都是Boolean布爾值。且都是可選的，但是也有規(guī)定，如下：

$(selector).stop(stopAll,goToEnd)

參數(shù)：（默認(rèn)情況下，不寫(xiě)參數(shù)，則會(huì)被認(rèn)為兩個(gè)參數(shù)都是false。）

stopAll:可選。規(guī)定是否停止被選元素的所有加入隊(duì)列的動(dòng)畫(huà)。意思就是如果該參數(shù)值為true，則會(huì)停止所有后續(xù)動(dòng)畫(huà)或事件。如果該參數(shù)值為false，則只停止被選元素當(dāng)前執(zhí)行的動(dòng)畫(huà)，后續(xù)動(dòng)畫(huà)不受影響。因此，該參數(shù)一般都為false。

goToEnd：可選。規(guī)定是否允許完成當(dāng)前動(dòng)畫(huà)，該參數(shù)只能在設(shè)置了stopAll參數(shù)時(shí)使用。上面我們說(shuō)了，stopAll參數(shù)我們一般都會(huì)寫(xiě)fasle值，不是默認(rèn)，而是真實(shí)的寫(xiě)上該參數(shù)。那么goToEnd參數(shù)就有兩個(gè)選擇了，一個(gè)是false，一個(gè)是true。其中意思，大家應(yīng)該都明白了。一般都為true。意思就是允許完成當(dāng)前動(dòng)畫(huà)。

下面是對(duì)應(yīng)的代碼：

HTML：


    
       
    
         開(kāi)始抽獎(jiǎng)

30級(jí) 45級(jí) 55級(jí)

獎(jiǎng)品記錄

CSS：

#content{/* margin-top:10em;*/ width:48em; margin:0 auto;}

#content div{ display:block; width:100%;}

#content div.cont_b{ position:relative; text-align:center;background:url(../images/content_bgb.jpg) no-repeat; background-size:100% 100%;}

#content div img{ display:block; width:100%; border:none;}

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

#content div .img .start{ position:absolute; top:290px;}

#content div .img a.start_btn{ display:block; width:150px; height:150px; text-indent:-9999px;  margin:0 auto;}/*修改*/

#content div .img a.rank_30{ position:absolute; top:230px; left:70px; display:block; width:250px; height:60px; text-indent:-9999px;}

#content div .img a.rank_45{ position:absolute; top:230px; left:460px; display:block; width:250px; height:60px; text-indent:-9999px;}

#content div .img a.rank_55{ position:absolute; top:430px; left:170px; display:block; width:280px; height:60px; text-indent:-9999px;}

#content div .img a.prize_notes{ position:absolute; top:470px; right:50px; display:block; width:150px; height:150px; text-indent:-9999px;}

JS_jQuery:

var page =$(".slide_box .img");

var page_num = page.length;

var num = 0;

    $(".next_btn").click(function(e){

    if(num < 2){

page.slideUp().stop(false,true).eq(num+1).slideDown();

num++;

}else{

page.slideUp().stop(false,true).eq(0).slideDown();

num = 0;

}

});

});

到此，關(guān)于“javascript中stop方法有什么作用”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

網(wǎng)站名稱(chēng)：javascript中stop方法有什么作用
當(dāng)前URL：http://www.ef60e0e.cn/article/pdshgi.html

99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

新聞中心

其他資訊