jquery中animate的stop()方法作用實(shí)例分析
更新時間：2015年01月30日 09:52:37 投稿：shichen2014
這篇文章主要介紹了jquery中animate的stop()方法作用,實(shí)例分析了animate的stop()方法在視頻播放代碼中的使用技巧,感興趣的朋友可以對比分析一下帶stop方法與不帶stop方法運(yùn)行效果的區(qū)別,需要的朋友可以參考下
本文實(shí)例分析了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的運(yùn)行效果
width:'300px'
},1000);
});
$('#flyul li').mouseleave(function(){
$(this).stop().animate({
//將此處改為$(this).animate({對比一下不帶stop的運(yùn)行效果
width:'50px'
},1000);
});
</script>
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
詳解jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容
在本篇內(nèi)容里小編給大家分享了jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容相關(guān)知識點(diǎn)，有需要的朋友們參考下。2018-11-11
深入理解jQuery中l(wèi)ive與bind方法的區(qū)別
本篇文章主要是對jQuery中l(wèi)ive與bind方法的區(qū)別進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery prototype沖突的2種解決方法(附demo示例下載)
這篇文章主要介紹了jQuery prototype沖突的2種解決方法,分析了針對jQuery中添加代碼與沖突位置添加代碼2種情況,并附帶demo示例供讀者下載參考,需要的朋友可以參考下2016-01-01
jQuery使用動態(tài)渲染表單功能完成ajax文件下載
使用ajax實(shí)現(xiàn)文件下載，方便，快捷，時尚，多么有挑戰(zhàn)的一個功能，首先獲取url和data然后把參數(shù)組裝成form的input再利用request發(fā)送請求，也就是動態(tài)渲染表單，提交表單后再刪除，本例將實(shí)現(xiàn)文件下載功能，感興趣的朋友可以聊解下2013-01-01
jquery插件uploadify多圖上傳功能實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了jquery插件uploadify多圖上傳功能實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-08-08 
jQuery:delegate中select()不起作用的解決方法(實(shí)例講解)
本篇文章只要是對jQuery:delegate中select()不起作用的解決方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01 
jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
在ajax流行的時代，好像很少能看見傳統(tǒng)的同步提交表單方式了，是啊我們當(dāng)然要用更加給力的AJAX來實(shí)現(xiàn)異步無刷新提交表單，好了開始今天的jQuery之旅吧，今天我們來利用jquery.validate和jquery.form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交 ，需要的朋友可以參考下
2015-08-08 
這篇文章主要介紹了jQuery中next方法用法,實(shí)例分析了jQuery中next方法的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下
2015-04-04 
jQuery是繼prototype 之后的又一個優(yōu)秀的Javascript框架，本篇文章給大家分享收藏的jquery技巧，對jquery技巧相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2015-12-12