jQuery加入購物車商品飛入動畫特效
程式碼片段:
js程式碼
<腳本類型="text/javascript" src="js/jquery-2.1.1.min.js"></script> <腳本類型=“text/javascript”src='js/jquery-ui.min.js'></script> <腳本類型=“text/javascript”> $('.add-to-cart').on('點選', function () { var cart = $('.shopping-cart'); var imgtodrag = $(this).parent('.item').find('img').eq(0); 如果(imgtodrag){ var imgclone = imgtodrag.clone().offset({ 頂部:imgtodrag.offset().頂部, 左:imgtodrag.offset().left }).css({ “不透明度”:“0.5”, '位置':'絕對', ‘高度’:‘150px’, '寬度': '150px', 'z 索引': '100' }).appendTo($('body')).animate({ '頂部': cart.offset().top + 10, '左': cart.offset().left + 10, “寬度”:75, “高度”:75 }, 1000, 'easeInOutExpo'); 設定超時(函數(){ cart.effect('搖一搖', { 次數: 2 }, 200); }, 1500); imgclone.animate({ “寬度”:0, 「高度」:0 }, 功能 () { $(this).detach(); }); } }); </劇本>
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn
相關文章
16 May 2016
當您在電商購物網站瀏覽中意的商品時,您可以點擊頁面中的「加入購物車」按鈕即可將商品加入的購物車中。本文介紹借助一款基於jQuery的動畫插件,點擊加入購物車按鈕時,實現商品將飛入到右側的購物車中的效果。
16 May 2016
這篇文章主要為大家詳細介紹了js實現商品拋物線加入購物車特效的相關資料,具有一定的參考價值,有興趣的小伙伴們可以參考一下
16 May 2016
在購物網站中,加入購物車的功能是必須的功能,有的網站在用戶點擊加入購物車按鈕時,就會出現該商品從點擊出以拋物線的動畫相似加入購物車,這個功能看起來非常炫,對使用者體驗也有一定的提升。以下介紹基於jquery fly外掛程式實現加入購物車拋物線動畫效果
18 Jan 2017
這是一款以jquery為基礎的超逼真下雪場景特效。此特效使用jquery程式碼來動態外掛程式html5 canvas元素,然後在canvas中製作下雪特效。
18 Jan 2017
這是一款使用jQuery和CSS3來製作的酷炫漢堡包變形動畫特效。此特效透過jQuery來附加按鈕事件,並透過CSS3 transform和animation來製作動畫特效。
23 May 2023
隨著網路的普及,打字特效的應用越來越廣泛,jquery打字特效也成為了許多網站開發人員的首選。然而,在實現這種特效的過程中,細節問題常常會影響使用者體驗,例如打字特效的回刪問題。本文將介紹如何利用jquery打字特效停止回刪,提升使用者的瀏覽體驗。 jquery打字特效的實作可以使用現成的插件,如typed.js和jQuery.Typewriter等。這些插件都是基於jquery的
16 May 2016
jquery提示效果很多,本文也提供一個超漂亮的仿騰訊彈出層效果,熱愛特效的你可千萬不要錯過了啊,希望本文提供的案例對你學習jquery特效有所幫助
Hot Tools
jQuery2019情人節表白放煙火動畫特效
一款抖音上很火紅的jQuery情人節表白放煙火動畫特效,適合程式設計師、科技宅用來向心愛的女孩告白,無論你選擇願意或不願意,到最後都得同意。
layui響應式動畫登入介面模板
layui響應式動畫登入介面模板
520情人節表白網頁動畫特效
jQuery情人節表白動畫、520表白背景動畫
酷炫的系統登入頁
酷炫的系統登入頁
HTML5卡音樂播放器-CASSETTE PLAYER
HTML5卡音樂播放器-CASSETTE PLAYER