BOM基础1-25 编程练习

最新推荐文章于 2024-03-09 17:00:00 发布

VIP文章请叫我二狗哥

最新推荐文章于 2024-03-09 17:00:00 发布

阅读量737

点赞数

分类专栏： Javascript 基础案例

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/90244705

版权

1-25 编程练习

补充代码，让页面内容实现“动画效果”，要求如下：

“☆☆☆今日特卖☆☆☆ ”和“★★★今日特卖★★★”这两个文本每0.5秒互相切换一次，具体效果参考gif效果图

第一步：先获取放置文本的div文本框对象，用变量进行接收

第二步：自定义一个变量，用来接收记录闪烁的值，初始值是0

第三步：设置定时器，每500毫秒执行一下定时器里面的脚本

第四步：定时器的脚本如下：

（1）当闪烁变量的值是0时，闪烁变量的值设置为1，div里面的内容设置为：'☆☆☆今日特卖☆☆☆'

（2）当闪烁变量的值是1时，闪烁变量的值设置为0，div里面的内容设置为：'★★★今日特卖★★★'

参考答案：

<!DOCTYPE html>
<html>

<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>闪烁的文字</title>
    <style type="text/css">
        div {
            width: 200px;

最低0.47元/天解锁文章

请叫我二狗哥

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
BOM基础1-25 编程练习

1-25 编程练习补充代码，让页面内容实现“动画效果”，要求如下：“☆☆☆今日特卖☆☆☆ ”和“★★★今日特卖★★★”这两个文本每0.5秒互相切换一次，具体效果参考gif效果图第一步：先获取放置文本的div文本框对象，用变量进行接收第二步：自定义一个变量，用来接收记录闪烁的值，初始值是0第三步：设置定时器，每500毫秒执行一下定时器里面的脚本第四步：定时器的脚本如下：...
复制链接

扫一扫