All of my blog

左右滚动公告代码和上下滚动公告代码

左右滚动

<section id="1_607" class="yead_editor" οnmοusedοwn="shifuMouseDown('1_607')" label="Copyright ? 2015 Yead All Rights Reserved." style="font-size:14px;font-family:'Microsoft YaHei';margin: 5px auto;white-space: normal;">
    <section class="yead_bgc" style="position:static;box-sizing:border-box;text-align:center;background-color:#ff391f;padding-top:10px">
        <svg style="width:100%;height:2em" data-width="100%">
            <text y="16" x="294.184" fill="#ffffff" style="font-size:16px;box-sizing:border-box">
                <tspan>
                    周末双休日,来淘宝嗨一次。
                </tspan>
                <tspan>
                    周末双休日,来淘宝嗨一次。
                </tspan>
                <animate attributename="x" from="0" to="120%" begin="0s" dur="5s" repeatcount="indefinite"></animate>

上下滚动
<section id="1_609" class="yead_editor" οnmοusedοwn="shifuMouseDown('1_609')" label="Copyright ? 2015 Yead All Rights Reserved." style="font-size:14px;font-family:'Microsoft YaHei';margin: 5px auto;white-space: normal;">
    <section class="yead_bgc" style="position: static; box-sizing: border-box; padding: 0px 10px; background-color: rgb(5, 157, 127);">
        <section style="margin:0;padding:0;text-align:center">
            <svg style="height:2em" data-width="100%">
                <text y="138.494%" x="50%" fill="#ffffff" style="font-size:16px;text-anchor:middle;box-sizing:border-box">
                    <tspan>
                        周末去哪嗨?来淘宝选购吧。
                    </tspan>
                    <animate attributename="y" from="0%" to="150%" begin="0s" dur="5s" repeatcount="indefinite"></animate>
                </text>
            </svg>
        </section>
    </section>
</section>


posted @ 2017-09-26 19:45  小小鱼儿小小林  阅读(77)  评论(0编辑  收藏  举报