web前端入门到实战：js实现弹幕效果

最新推荐文章于 2024-05-11 00:16:37 发布

魔方编程

最新推荐文章于 2024-05-11 00:16:37 发布

阅读量1.4k

点赞数 1

文章标签： web前端前端开发前端基础 JavaScript 前端工程师

本文链接：https://blog.csdn.net/wewfdf/article/details/98493367

版权

弹幕是一个很常见的功能，下面是本人封装的一个小小的实现方案，存在不足之处可以提出来或自由改进。

直接上代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        <meta content="telephone=no" name="format-detection">
        <meta content="email=no" name="format-detection">
        <meta name="full-screen" content="yes">
        <meta name="browsermode" content="application">
        <meta name="full-screen" content="yes">
        <meta name="browsermode" content="application">
        <meta name="x5-orientation" content="portrait">
        <title>js实现弹幕</title>
        <style>
            html,body{
                position: relative;
                width: 100%;
                max-width: 750px;
                margin: auto;
                height: 100%;
                background: #fff;
                overflow: hidden;
                font-family: SimSun,arial;
            }
            .tmBox{
                width: 100%;
                height: 16rem;
                background: #5e907b;
                position: relative;
            }
            .btn{
                display: block;
                margin: auto;
                margin-top: 20px;
                width: 100px;
                height: 40px;
                outline: non

最低0.47元/天解锁文章

魔方编程

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
web前端入门到实战：js实现弹幕效果

弹幕是一个很常见的功能，下面是本人封装的一个小小的实现方案，存在不足之处可以提出来或自由改进。直接上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta content="width=device-width,initial-s...
复制链接

扫一扫