单词点挑战 - 知达AI助教 | 教育人工智能案例 | 教育人工智能社区

帮我做一个单词点挑战网页。要求：风格：网页是迪士尼的风格，看起来美观，能够吸引学生；布局：顶部居中显示大标题“Word Challenge”；大标题下面有2个按钮，分别是“upload”，“Mark”和“Report”；下面居中放着一个圆角矩形，里面用来放单词；单词在圆角矩形内居中对齐；单词字体Arial，字号54，底部有“Start/Pause”按钮，按钮下面有一个调节速度的滑轮，滑轮上标有“Speed”；标注文字（upload/Mark/Report/Start/Pause/Speed）字体Arial，字号28；点击“upload”可以上传excel文件，滚动的英语单词全部来自该文件：动画：点击“Start”按钮，则单词开始滚动，同时按钮上的“Start”变为“Pause”；点击“Pause”按钮，则单词停止；点击单词则放大120%后复原，同时播放单词音频；滑轮可以拖动，向左拖动则滚动速度降低，向右拖动，则滚动速度增大；点击“Mark”按钮，后台标记当前呈现的单词；点击“Report”按钮，自动下载txt文件，里面呈现内容：标题“学习报告”、日期、答题总数、需复习单词；需复习单词就是点击“Mark”按钮标记的单词；用html语言实现，要直接可运行，支持excel格式，speed速度要快
单词点挑战网页 - 迪士尼风格设计

我将为您创建一个符合要求的迪士尼风格单词挑战网页。这个网页设计美观、互动性强，完全符合您的需求。

代码生成中...

知达任务回放中

单词点挑战

代码

预览

67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
            transition: all 0.3s 
                ease;
            box-shadow: 0 4px 15px 
                rgba(255, 71, 87, 0
                .4);
            min-width: 150px;
        }
        
        .btn:hover {
            transform: translateY
                (-3px);
            box-shadow: 0 7px 15px 
                rgba(255, 71, 87, 0
                .6);
        }
        
        .btn:active {
            transform: translateY
                (1px);
        }
        
        .word-container {
            background: white;
            border-radius: 30px;
            width: 100%;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            box-shadow: 0 10px 30px 
                rgba(0, 0,
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX