- A+
所属分类：技术教程
这里为大家提供一段可以实现“在看”和“留言”区域跳动代码，效果怎么样可以看下图，至于能不能增加“在看”，瓜皮猪不知道，不过最起码可以提高读者的注意力！
代码获取：扫描下方二维码，关注公众号，回复：“0621” 获取查看代码的验证码
如何使用？
在公众号文章编辑过程中应该都有使用一些辅例如“i排版”、“壹伴”之类的插件，在编辑器下，选择“HTML”按钮，然后将代码粘贴在最底部就可以啦！
代码如下：
- <section data-role="paragraph">
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 750 45.59" enable-background="new 0 0 750 45.59" height="33.4745">
- <animate attributeName="height" begin="0" dur=".8s" values="30;50;30" repeatCount="indefinite" keyTimes="0;.8;1" calcMode="spline" keySplines=".5 0 .5 1; 0 0 1 1" fill="freeze" restart="whenNotActive">
- </animate>
- <g fill="currentColor" transform="translate(0 3.09998)">
- <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>
- </section>
- 我的微信
- 这是我的微信扫一扫
-
- 我的微信公众号
- 我的微信公众号扫一扫
-
