我的飄花設(shè)置起始位置和transition的值和課程中的一樣了,為什么是橫著飛的呢?
// 運(yùn)動(dòng)的軌跡
? ? ? ? ? ? var startPositionLeft = Math.random() * visualWidth - 100,
? ? ? ? ? ? ? ? startOpacity ? ?= 1,
? ? ? ? ? ? ? ? endPositionTop ?= visualHeight - 40,
? ? ? ? ? ? ? ? endPositionLeft = startPositionLeft - 100 + Math.random() * 500,
? ? ? ? ? ? ? ? duration ? ? ? ?= visualHeight * 10 + Math.random() * 5000;
2016-12-16
加top
2016-12-06
起點(diǎn)和終點(diǎn)的位置設(shè)置對(duì)了嗎?
//起點(diǎn)位置
$flake.css({
? ? ? ? ? ? ? ? left: startPositionLeft,
? ? ? ? ? ? ? ? opacity : randomStart
? ? ? ? ? ? });
//終點(diǎn)位置
$flake.transition({
? ? ? ? ? ? ? ? top: endPositionTop,
? ? ? ? ? ? ? ? left: endPositionLeft,
? ? ? ? ? ? ? ? opacity: 0.7
? ? ? ? ? ? }, duration, 'ease-out', function() {
? ? ? ? ? ? ? ? $(this).remove() //結(jié)束后刪除
? ? ? ? ? ? });