麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

理解jQuery stop()方法

2019-11-20 13:53:44
字體:
供稿:網(wǎng)友

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

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

$(selector).stop(stopAll,goToEnd)

參數(shù):(默認(rèn)情況下,不寫參數(shù),則會(huì)被認(rèn)為兩個(gè)參數(shù)都是false。)

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

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

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

HTML:

復(fù)制代碼 代碼如下:

<div id="content">
    <div class="slide_box">
      <div class="img">
    <img src="images/page_a.png">
        <div class="start"> <a class="start_btn" href="javascript:void(0)">開始抽獎(jiǎng)</a> </div>
      </div >
      <div class="img" style="display:none;" >
    <img src="images/page_b.png">
    <a class="rank_30" href="javascript:void(0);">30級(jí)</a>
    <a class="rank_45" href="javascript:void(0);">45級(jí)</a>
    <a class="rank_55" href="javascript:void(0);">55級(jí)</a>
  </div>
      <div class="img" style="display:none;" >
    <img src="images/page_c.png">
    <a class="prize_notes" href="javascript:void(0);">獎(jiǎng)品記錄</a>
  </div>
    </div>
</div>

 
CSS:

復(fù)制代碼 代碼如下:

#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:

復(fù)制代碼 代碼如下:

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;
}
});
});

上面是在工作中寫一個(gè)點(diǎn)擊事件效果時(shí)遇到的事件累積情況,,在JS部分,有用到stop()方法,大家可以將參數(shù)去掉或改變,試試看。希望對(duì)大家有所幫助。嘎嘎

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 久久久久se| 91福利社在线 | 毛片视频大全 | 久久精品男人 | 视频一区 在线 | 99久久婷婷国产综合精品青牛牛 | 国产成人高潮免费观看精品 | 欧美成在线视频 | 成人毛片免费 | 九色激情网| 欧美精品在线视频观看 | 91中文在线 | a集毛片| 成人免费观看毛片 | 国产在线欧美日韩 | 日本在线播放一区二区三区 | 中文字幕线观看 | 密室逃脱第一季免费观看完整在线 | 成人国产精品一区二区毛片在线 | 久久久久久免费 | 黄视频网址 | 91精品国产一区二区三区四区在线 | 黄色a级片视频 | 精品国产乱码久久久久久丨区2区 | 草草视频免费 | 欧美高清视频一区 | 欧美性黄 | 天天骑夜夜操 | 一级做a在线观看 | 亚洲日色 | 亚洲午夜1000理论片aa | 精品一区二区久久久久 | 日韩高清影视 | 人成免费a级毛片 | 国产欧美日韩视频在线观看 | 成人午夜免费网站 | 羞羞视频一区二区 | 日韩一级电影在线观看 | 久久精品成人 | 成人毛片免费看 | 一色屋任你操 |