利用jQuery制作简易弹幕效果

最新推荐文章于 2022-04-23 11:22:24 发布

小苏(º﹃º )

最新推荐文章于 2022-04-23 11:22:24 发布

阅读量531

点赞数 1

分类专栏： jQuery 文章标签： jquery javascript css html

本文链接：https://blog.csdn.net/qq_45850095/article/details/116958100

版权

利用jQuery制作简易弹幕效果

实现步骤：
- 1.制作样式
- 2.逻辑，思路

在这里插入图片描述

实现步骤：

1.制作样式

我们先来看看body中的代码：

<body>
    <div class="box">
        <div class="small">
            <div class="div1">
                <input type="text">
                <span>发射</span>
            </div>
        </div>
    </div>
</body>

整个屏幕的大小宽高，可以按照自己喜欢的样子画出来，主要是后面的逻辑处理。

2.逻辑，思路

遇到问题时，一定要静下心来思考，理清逻辑后再来书写代码，不然会越写越乱。
1.弹幕的字体有大有小
2.弹幕的颜色会不一样
3.弹幕会在屏幕中一直移动
4.如何获取输入框中的值
5.获取后输入框中的值如何重置
完整代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewp

最低0.47元/天解锁文章

小苏(º﹃º )

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
利用jQuery制作简易弹幕效果

利用jQuery制作简易弹幕效果实现步骤：1.制作样式2.逻辑，思路实现步骤：1.制作样式我们先来看看body中的代码：<body> <div class="box"> <div class="small"> <div class="div1"> <input type="text"> <span>发射</sp
复制链接

扫一扫