模板效果

点击查看效果

模板代码

<svg data-info="公众号：懂点君" style="display:inline-block;width: 100%;vertical-align: top;-webkit-tap-highlight-color: transparent;user-select: none;author: dongdianjun;" viewBox="0 0 1000 550" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g>
        <animateTransform attributeName="transform" type="translate" values="0 0;0 -550;0 -550;0 -1100;0 -1100;0 -1650;0 -1650;0 -2200;0 -2200;0 -2750;0 -2750" calcMode="spline" keySplines="0.5 0 0.4 1;0 0 1 1;0.5 0 0.4 1;0 0 1 1;0.5 0 0.4 1;0 0 1 1;0.5 0 0.4 1;0 0 1 1;0.5 0 0.4 1;0 0 1 1" keyTimes="0;0.1;0.2;0.3;0.4;0.5;0.6;0.7;0.8;0.9;1" repeatCount="indefinite" begin="0.1s" dur="10" restart="whenNotActive"></animateTransform>
        <g transform="translate(0 0)" data-info="公众号：懂点君">
            <g>
                <!-- H5链接 关 -->
                <a style="display:block; width:100%;height:100%" target="_blank" href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIzNTIzMTM1Mg==&scene=124&uin=&key=&devicetype=Windows+8.1+x64&version=6303004c&lang=zh_CN&a8scene=7&fontgear=2" tab="innerlink" data-linktype="2">
                    <image x="0" y="0" width="1000" height="550" href="https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqT5Al1HVAib1c70y8ox8KIVfe7C1KwwXj2DsFs2XKcF4dUV5RElXQsRrqBvzz8tY5wPUrUianRyWa5g/0?wx_fmt=png" data-info="公众号：懂点君"></image>
                </a>
            </g>
            <g>
                <!-- H5链接 注-->
                <a style="display:block; width:100%;height:100%" target="_blank" href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIzNTIzMTM1Mg==&scene=124&uin=&key=&devicetype=Windows+8.1+x64&version=6303004c&lang=zh_CN&a8scene=7&fontgear=2" tab="innerlink" data-linktype="2">
                    <image x="0" y="550" width="1000" height="550" href="https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqT5Al1HVAib1c70y8ox8KIVf8xBNYDYfHPXonOhexCmiahd4lFBPxJHPsIOJmXT7WsCp5VNyRA46b5g/0?wx_fmt=png" data-info="公众号：懂点君"></image>
                </a>
            </g>
            <g>
                <!-- H5链接 懂-->
                <a style="display:block; width:100%;height:100%" target="_blank" href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIzNTIzMTM1Mg==&scene=124&uin=&key=&devicetype=Windows+8.1+x64&version=6303004c&lang=zh_CN&a8scene=7&fontgear=2" tab="innerlink" data-linktype="2">
                    <image x="0" y="1100" width="1000" height="550" href="https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqT5Al1HVAib1c70y8ox8KIVfVSZH5c9Ao7nOXiaDjozBs8Km5M7ibVJ3uOMl7WvvdlmmicFicxsmOmsiaGA/0?wx_fmt=png" data-info="公众号：懂点君"></image>
                </a>
            </g>
            <g>
                <!-- H5链接 点-->
                <a style="display:block; width:100%;height:100%" target="_blank" href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIzNTIzMTM1Mg==&scene=124&uin=&key=&devicetype=Windows+8.1+x64&version=6303004c&lang=zh_CN&a8scene=7&fontgear=2" tab="innerlink" data-linktype="2">
                    <image x="0" y="1650" width="1000" height="550" href="https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqT5Al1HVAib1c70y8ox8KIVfokeibFs5awpg7RMNat9DVHkgYNIpzfRrRiaU2ABFviaZwVufE46ThOKzQ/0?wx_fmt=png" data-info="公众号：懂点君"></image>
                </a>
            </g>
            <g>
                <!-- H5链接 君-->
                <a style="display:block; width:100%;height:100%" target="_blank" href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzIzNTIzMTM1Mg==&amp;action=getalbum&amp;album_id=1507550223924002817#wechat_redirect" tab="innerlink" data-linktype="2">
                    <image x="0" y="2200" width="1000" height="550" href="https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqT5Al1HVAib1c70y8ox8KIVfxGibUJTEphv37kKnZTX6iauCjOhH8PLfzWZSscHoJqTFibgdiav1rd5Rfw/0?wx_fmt=png" data-info="公众号：懂点君"></image>
                </a>
            </g>
            <g>
                <!-- H5链接 关-->
                <a style="display:block; width:100%;height:100%" target="_blank" href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzIzNTIzMTM1Mg==&amp;action=getalbum&amp;album_id=1507550223924002817#wechat_redirect" tab="innerlink" data-linktype="2">
                    <image x="0" y="2750" width="1000" height="550" href="https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqT5Al1HVAib1c70y8ox8KIVfe7C1KwwXj2DsFs2XKcF4dUV5RElXQsRrqBvzz8tY5wPUrUianRyWa5g/0?wx_fmt=jpeg" data-info="公众号：懂点君"></image>
                </a>
            </g>
        </g>
    </g>
</svg>