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

简介: 左右滚动公告代码和上下滚动公告代码
左右滚动
<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>
相关文章
|
JavaScript 前端开发
vue实现公告文字横向滚动
vue实现公告文字横向滚动
1805 0
|
4月前
|
JavaScript 前端开发
我为展开收起功能做了动画,被老板称赞!
【8月更文挑战第23天】我为展开收起功能做了动画,被老板称赞!
136 1
我为展开收起功能做了动画,被老板称赞!
|
7月前
好看到爆炸的弹窗公告源码
好看到爆炸的弹窗公告源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,
84 1
好看到爆炸的弹窗公告源码
滚动条案例(点击跳转到指定地点,上下滑动跟随显示标题)
滚动条案例(点击跳转到指定地点,上下滑动跟随显示标题)
|
前端开发
前端工作总结160-表格重置
前端工作总结160-表格重置
88 0
前端工作总结160-表格重置
|
前端开发
前端工作总结141-根据后台传值动态显示开关状态及文字说明(0为文字,1为图标)
前端工作总结141-根据后台传值动态显示开关状态及文字说明(0为文字,1为图标)
159 0
|
前端开发
前端工作总结102-富文本查看 编辑状态显示
前端工作总结102-富文本查看 编辑状态显示
112 0