点击复制领取兑换码/代金券功能-Html+CSS实现方案-月亮也在大海某处迷茫

在闲暇之际，打算更新美化一下网站，来个网站大改版。灵光突然突现，用CSS+JS+HTML编写一个活动页发放兑换码小功能。

第一个版本，可能功能还有点不太完善，至于有多少BUG未知。

于是就打算开源，让大家一起找找BUG，功能在完善一下。

效果展示

代金券未领取状态展示：

代金券被领取后效果展示：

用于宣传页展示发放优惠券/代金券功能，自适应各种设备端。实现直接点击复制代金券，被领取后代金券自动隐藏消失，锁定领取按钮。只有管理管理员更新代金券后重新实现发放代金券，可以再次重新领取。

适用于Wordpress自定义HTML小工具。

目前兼容Justnews主题，Module主题，子比主题其它主题尚未测试。

[alert size=”0″ icon=”fa:ban” type=”warning”]

声明：本源码作品由 Xkmchenmu 原创，仅限于个人博客（个人备案）网站测试、学习使用；未经授权许可严禁商用，发现一起直接送律师函！

[/alert]

具体代码实现如下：

[tabs type=”0″ title=”回复评论获取代码||积分兑换领取 – 打赏支持一下！||2.0版本” id=”dd60f1a7-015b-4882-9711-941ff8200521″]

[/tabs]

THE END

评论共14条