Web

html实现点击闪现文字效果

michaelliunsky · 8月22日 · 2022年 · · · 本文共376个字 · 预计阅读2分钟673次已读

最近看到很多网站都实现了点击闪现文字效果,自己也抽空实现,顺便水一篇文章,记录一下。

思路

通过JS实现。

过程

首先下载好这个JS脚本click-show-text.min.zip 密码:michaelliunsky.cn,上传到你的网站合适位置,在上传好后记住你的JS链接,下面要用。

再复制这段代码,注意其中的注释,自行修改!

<script id="click-show-text" src="//你的JS链接" data-mobile="false" data-text="//你想闪现的文字(英文逗号分隔)" data-fontsize="15px" data-random="false" async="async"></script>

最后放置这段代码到合适的位置,就完成了。

成果展示

html实现点击闪现文字效果
这里闪现的是Flag

总结

这次正好练习了前面才学的JS,学以致用!O(∩_∩)O~~

0 条回应