为我的wix网站创建自动的五彩纸屑爆炸HTML

时间:2018-10-13 04:53:36

标签: html wixcode

我正在创建一个电子商务商店,很想在我的结帐页面上添加一些特别的东西。

我当时正在考虑五彩纸屑,闪光或类似物体的爆炸。但是,我希望它看起来优雅而有品味。我不介意这样的事情.....

从“ react-dom-confetti”导入五彩纸屑;

const config = {   角度:51,   传播:360,   startVelocity:68,   elementCount:200,   衰减:0.87 }; 返回

我只是不知道如何将其放入WIX网站的HTML格式。

我在https://daniel-lundin.github.io/react-dom-confetti/上找到了它-但我知道它缺少一些主要功能才能使它工作。...而且我不希望您必须按下按钮来使其工作,我更喜欢它是自动的。

请帮助我哈哈

Kirsten:)

1 个答案:

答案 0 :(得分:0)

这是一个有趣的挑战。所以我做到了!。

您需要做的是使用Wix代码将实际执行五彩纸屑效果的javascript嵌入HTMLComponent中。这里要解释有点复杂。

但是,我在我的示例网站上创建了一个示例页面,该页面使用Danial Lundin的代码显示了效果的工作情况:

https://stcroppe.wixsite.com/steveonsoftware/example-code/wix-confetti-page

它还向您显示了它在Wix页面上用于发送和接收消息到的代码。 运行该代码的HTML组件,它还向您显示我在HTML组件中用于与Wix页面进行通信以及执行五彩纸屑功能的HTML代码。

问候 史蒂夫