jquery中animate的stop()方法作用實例分析
更新時間：2015年01月30日 09:52:37 投稿：shichen2014
這篇文章主要介紹了jquery中animate的stop()方法作用,實例分析了animate的stop()方法在視頻播放代碼中的使用技巧,感興趣的朋友可以對比分析一下帶stop方法與不帶stop方法運行效果的區(qū)別,需要的朋友可以參考下
本文實例分析了jquery中animate的stop()方法作用。分享給大家供大家參考。具體分析如下：
這里以一個視頻中的代碼段告訴你stop()的作用：
代碼如下：
<style type="text/css">
ul li{ width:50px; height:30px; background:#333; margin-bottom:10px; color:#fff;}
</style>
<ul id="flyul">
<li>wod a </li>
<li>wod a </li>
<li>wod a </li>
<li>wod a </li>
<li>wod a </li>
</ul>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$('#flyul li').mouseenter(function(){
$(this).stop().animate({
//將此處改為$(this).animate({對比一下不帶stop的運行效果
width:'300px'
},1000);
});
$('#flyul li').mouseleave(function(){
$(this).stop().animate({
//將此處改為$(this).animate({對比一下不帶stop的運行效果
width:'50px'
},1000);
});
</script>
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
jQuery.get、jQuery.getJSON、jQuery.post無法返回JSON問題的解決方法
在WEB項目中，經(jīng)常會使用到jQuery進行AJAX請求，但是自從使用了.net 3.5以后，以往寫的請求語句就有些小問題了，就是返回的始終是xml,而并不是JSON2011-07-07
這篇文章主要介紹了jQuery滾動插件scrollable.js用法,簡單分析了scrollable.js的功能、方法及相關使用技巧,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了jQuery+Ajax實現(xiàn)無刷新分頁，本文使用的生成分頁的工具條是jquery.pagination.js，感興趣的小伙伴們可以參考一下2015-10-10
jquery動態(tài)創(chuàng)建div與input的實例代碼
下面小編就為大家?guī)硪黄猨query動態(tài)創(chuàng)建div與input的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
在使用slideToggle 的時候經(jīng)常會遇到列表收起時候閃爍的問題,一般IE瀏覽器會有這個問題，其他瀏覽器比如火狐不會出現(xiàn)閃爍.2011-07-07
基于jQuery實現(xiàn)交互體驗社會化分享代碼附源碼下載
基于jQuery實現(xiàn)交互體驗社會化分享代碼附源碼下載。這是一款鼠標點擊分享按鈕向右滑出騰訊微博，新浪微博，QQ空間，豆瓣，微信，二維碼分享等分享平臺，本段代碼比較實用，需要的朋友參考下吧2016-01-01
這篇文章介紹了jquery利用ajax調用后臺方法實例，有需要的朋友可以參考一下2013-08-08
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)淡入淡出的模態(tài)框，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
本文主要分享了jQuery實現(xiàn)鼠標跟隨效果的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了jQuery實現(xiàn)的簡單手風琴效果,結合實例形式分析了jQuery基于事件響應、頁面元素屬性動態(tài)操作實現(xiàn)手風琴效果的方法,需要的朋友可以參考下2018-08-08