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

简介: 左右滚动公告代码和上下滚动公告代码
左右滚动
<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>
相关文章
|
2月前
|
小程序
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
36 0
|
3月前
|
前端开发 JavaScript
CSS动画(个人资料卡片)
CSS动画(个人资料卡片)
|
4月前
好看到爆炸的弹窗公告源码
好看到爆炸的弹窗公告源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,
45 1
好看到爆炸的弹窗公告源码
|
4月前
|
Shell 开发工具 git
聊天功能演示系统发布后出现有些页面滚动与鼠标点击问题解决
聊天功能演示系统发布后出现有些页面滚动与鼠标点击问题解决
29 0
页面底部悬浮广告或关注公众号代码
页面底部悬浮广告或关注公众号代码
一天只弹出1次的公告代码
一天只弹出1次的公告代码
上下轮流滚动公告代码
上下轮流滚动公告代码
滚动条案例(点击跳转到指定地点,上下滑动跟随显示标题)
滚动条案例(点击跳转到指定地点,上下滑动跟随显示标题)
|
前端开发
前端工作总结160-表格重置
前端工作总结160-表格重置
76 0
前端工作总结160-表格重置