知达AI助教
zida.school
创作者Mm
点赞1
收藏0
1
前往知达做同款
  • 帮我做一个单词点挑战网页。要求: 风格:网页是迪士尼的风格,看起来美观,能够吸引学生; 布局:顶部居中显示大标题“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格式

  • 单词点挑战网页 (迪士尼风格)

    下面是一个符合您要求的完整可运行HTML实现。该网页采用迪士尼风格设计,界面美观活泼,专为学生学习场景打造,完全使用HTML/CSS/JavaScript实现,支持Excel文件上传和所有指定功能。

    代码生成中...
知达任务回放中
单词点挑战教学应用
代码
预览
下载
保存到云盘
关闭
}
.mickey-ears.left {
left: -20px;
}
.mickey-ears.right {
right: -20px;
}
.main-container {
width: 100%;
max-width: 800px;
background: white;
border-radius: 25px;
padding: 40px 30px;
text-align: center;
position: relative;
}
h1 {
font-size: 64px;
color: #ff6b6b;
text-shadow: 3px 3px 0
                #ffd166, 6px 6px 0
                rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
letter-spacing: 3px;
position: relative;
}
h1::afte
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX