購(gòu)物車特效代碼

$('.plus').click(function(){

var pic =? $(this).parent().parent().parent().find('.picture').val();

var? circle = $('

');? ? ? ? ? $(this).parent().parent().after(circle);? ? ? ? ? ? ? // 輸出小球的當(dāng)前坐標(biāo)? ? ?

? var coord1 = $(this).parent().parent().next().offset();? ??

? // alert( "當(dāng)前坐標(biāo):(" + coord1.left + ", " + coord1.top + ")" );? ??

? ? var $n1 = $(".carts");? ? ? ? // 輸出終點(diǎn)的當(dāng)前坐標(biāo)? ? ?

? var coord = $n1.offset();? ? ? ? // alert( "當(dāng)前坐標(biāo):(" + coord.left + ", " + coord.top + ")" );? ?

? ? var left = eval(coord.left-coord1.left+15)? ? ?

? ? var top = eval(coord.top-coord1.top)?

? ? ? var circles = $(this).parent().parent().next()? ? ? ??

circles.animate({? ? ? ? ? ? ? ? left:left+'px',? ? ? ? ? ? ? ? top:top+'px'? ? ? ? ? ? ? });? ? ??

? circles.animate({? ? ? ? ? ? ? ? height:'toggle',? ? ? ? ? ? ? ? width:'toggle'? ? ? ? ? ? ? });? ? ? ? ? $('.carts').animate({width:'35px',opacity:'0.8'},"slow");? ? ?

?$('.carts').animate({width:'30px',opacity:'0.8'},"slow");

})

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容