1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
| (async function () { await ShanhaiBI.registerTransition( "平移", { type: { label: "平移类型", choices: [ { label: "水平", value: "horizontal" }, { label: "垂直", value: "vertical" }, ], default: "horizontal", }, }, (duration, args) => { console.log(duration, args); let type = args["type"]; if (type === "horizontal") { return gsap .fromTo( "#title", { left: 0 }, { left: "250px", duration: duration / 2 / 1000, ease: "power2.in" } ) .then(() => { return gsap.to("#title", { left: 0, duration: duration / 2 / 1000, ease: "power2.in", }); }); } else if (type === "vertical") { return gsap .fromTo( "#title", { top: 0 }, { top: "250px", duration: duration / 2 / 1000, ease: "power2.in" } ) .then(() => { return gsap.to("#title", { top: 0, duration: duration / 2 / 1000, ease: "power2.in", }); }); } } ); })();
|