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獲取特殊屬性的值以及設置內容相關知識點，有需要的朋友們參考下。2018-11-11
深入理解jQuery中l(wèi)ive與bind方法的區(qū)別
本篇文章主要是對jQuery中l(wèi)ive與bind方法的區(qū)別進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery prototype沖突的2種解決方法(附demo示例下載)
這篇文章主要介紹了jQuery prototype沖突的2種解決方法,分析了針對jQuery中添加代碼與沖突位置添加代碼2種情況,并附帶demo示例供讀者下載參考,需要的朋友可以參考下2016-01-01
jQuery使用動態(tài)渲染表單功能完成ajax文件下載
使用ajax實現(xiàn)文件下載，方便，快捷，時尚，多么有挑戰(zhàn)的一個功能，首先獲取url和data然后把參數(shù)組裝成form的input再利用request發(fā)送請求，也就是動態(tài)渲染表單，提交表單后再刪除，本例將實現(xiàn)文件下載功能，感興趣的朋友可以聊解下2013-01-01
jQuery實現(xiàn)感應鼠標動畫效果自動伸長的輸入框實例
這篇文章主要介紹了jQuery實現(xiàn)感應鼠標動畫效果自動伸長的輸入框,實例分析了jQuery鼠標事件及animate動畫效果的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
jquery插件uploadify多圖上傳功能實現(xiàn)代碼
這篇文章主要為大家詳細介紹了jquery插件uploadify多圖上傳功能實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
jQuery:delegate中select()不起作用的解決方法(實例講解)
本篇文章只要是對jQuery:delegate中select()不起作用的解決方法進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
jquery validate和jquery form 插件組合實現(xiàn)驗證表單后AJAX提交
在ajax流行的時代，好像很少能看見傳統(tǒng)的同步提交表單方式了，是啊我們當然要用更加給力的AJAX來實現(xiàn)異步無刷新提交表單，好了開始今天的jQuery之旅吧，今天我們來利用jquery.validate和jquery.form 插件組合實現(xiàn)驗證表單后AJAX提交 ，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery中next方法用法,實例分析了jQuery中next方法的功能、定義及相關使用技巧,需要的朋友可以參考下2015-04-04
jQuery是繼prototype 之后的又一個優(yōu)秀的Javascript框架，本篇文章給大家分享收藏的jquery技巧，對jquery技巧相關知識感興趣的朋友一起學習吧2015-12-12