公众号评论区的文字在动，是怎么做到的？

发布网友 发布时间：2022-02-26 05:58

我来回答

共7个回答

热心网友 时间：2022-02-26 07:27

简单来说：就是给图文添加了一个控制评论区跳动的代码。

添加方法：

1、打开i排版编辑器（网址：网页链接），首先编辑排好自己的正文内容。

2、复制下方控制跳动的代码，打开i排版右上方的 HTML，将代码粘贴在最底部就可以啦。

<svg style="transform: rotateZ(0deg);"> <animate fill="freeze" attributeName="height" begin="0s" r="0.01" from="0" to="0"></animate></svg><svg viewBox="0 0 750 45.59" enable-background="new 0 0 750 45.59" height="21.9198">    <animate attributeName="height" begin="0" r="1s" values="10;30;10" repeatCount="indefinite" keyTimes="0;.8;1" calcMode="spline" keySplines=".5 0 .5 1; 0 0 1 1" fill="freeze" restart="whenNotActive"></animate></svg><svg viewBox="0 0 750 45.59" enable-background="new 0 0 750 45.59" height="21.9198">    <g fill="black">        <animateTransform attributeName="transform" type="translate" begin="0" r="1s" values="0 2;0 6;0 2" repeatCount="indefinite" keyTimes="0;.8;1" calcMode="spline" keySplines=".5 0 .5 1; 0 0 1 1" fill="freeze" restart="whenNotActive"></animateTransform>        <path d="M728.03,43.15c1.46-0.69,2.19-1.94,2.21-3.56c0.02-2.11,0.01-7.83,0.01-9.95V18.92c0.51,0.58,0.96,1.08,1.38,1.6c1.64,2.02,4.69,1.75,5.87-0.96c0.67-1.55,0.37-3.04-0.76-4.33c-2.07-2.36-4.14-4.71-6.21-7.06c-0.2-0.23-0.3-0.44-0.3-0.76c0.01-1.44,0-2.89,0.01-4.33c0-0.26-0.05-0.38-0.35-0.38c-6.88,0.01-13.77,0.01-20.66,0c-0.26,0-0.33,0.06-0.33,0.33c0.01,1.5,0,3.01,0.01,4.51c0,0.27-0.05,0.51-0.17,0.74c-0.58,1.07-1.16,2.14-1.73,3.22c-0.11,0.2-0.15,0.4-0.15,0.63v11.4c0,0.42,0.06,0.81,0.17,1.21c0.48,1.99,2,2.71,3.47,2.61c0.64-0.05,1.21-0.29,1.73-0.67c0.38,1.33,1.07,2.38,2.38,2.85c1.35,0.48,2.54,0.11,3.52-0.86c1.3,1.91,2.95,2.36,5,1.27v9.51c0,0.44,0.04,0.88,0.17,1.31C723.95,42.9,726.13,44.05,728.03,43.15L728.03,43.15z M710.86,7.36c-0.31,0-0.39-0.08-0.38-0.38c0.02-0.8,0.01-1.61,0-2.41c-0.01-0.23,0.06-0.28,0.29-0.28c5.89,0.01,11.78,0.01,17.66,0c0.24,0,0.31,0.06,0.3,0.3c-0.01,0.82-0.01,1.63,0,2.45c0.01,0.26-0.07,0.32-0.33,0.32c-2.93-0.01-5.85-0.01-8.78-0.01C716.71,7.35,713.79,7.34,710.86,7.36L710.86,7.36z M726.81,41.85c-0.8-0.08-1.57-0.85-1.73-1.75c-0.05-0.24-0.06-0.49-0.06-0.73c-0.01-2.91-0.01-9.44,0.01-12.35c0-0.31-0.08-0.43-0.39-0.38c-0.04,0.01-0.1,0-0.15,0c-0.31,0-0.65-0.08-0.92,0.02c-0.3,0.12-0.15,0.54-0.28,0.81c-0.14,0.3-0.29,0.6-0.52,0.85c-0.89,0.94-2.29,0.74-2.96-0.42c-0.3-0.53-0.36-1.1-0.32-1.68c0.01-0.28-0.05-0.42-0.36-0.37c-0.06,0.01-0.13,0-0.19,0c-0.31,0-0.64-0.08-0.92,0.02c-0.32,0.12-0.13,0.53-0.26,0.8c-0.17,0.33-0.32,0.67-0.6,0.92c-1.37,1.27-2.9,0.05-3.14-1.13c-0.14-0.66-0.05-1.32-0.08-1.99c-0.01-0.3,0.13-0.67-0.05-0.85c-0.18-0.19-0.56-0.04-0.85-0.06h-0.04c-0.58,0-0.57,0-0.71,0.55c-0.12,0.48-0.33,0.91-0.71,1.23c-0.49,0.42-1.05,0.66-1.7,0.42c-0.78-0.28-1.25-0.86-1.41-1.66c-0.04-0.21-0.06-0.44-0.06-0.66c0-3.64,0-7.28-0.01-10.92c0-0.21,0.04-0.4,0.15-0.59c0.55-0.92,1.1-1.84,1.64-2.76c0.11-0.19,0.22-0.28,0.46-0.28c6.13,0.01,12.26,0.01,18.4,0c0.19,0,0.34,0.03,0.48,0.19c2.09,2.38,4.19,4.76,6.29,7.14c0.72,0.82,0.83,1.75,0.47,2.72c-0.54,1.44-2.12,1.73-3.15,0.58c-1.21-1.35-2.41-2.71-3.61-4.07c-0.17-0.19-0.34-0.38-0.59-0.65V39.4c0,0.37-0.04,0.73-0.19,1.09C728.41,41.41,727.65,41.94,726.81,41.85L726.81,41.85z M726.81,41.85"></path>    </g></svg>

3、最后，我们复制或同步文章到公众号后台，发送到手机上预览下效果，就可以准备推送了。

详细介绍可点击：网页链接

热心网友 时间：2022-02-26 08:45

热心网友 时间：2022-02-26 10:20

热心网友 时间：2022-02-26 12:11

热心网友 时间：2022-02-26 14:36

热心网友 时间：2022-02-26 17:17

热心网友 时间：2022-02-26 20:15