金字塔决策交易系统

 找回密码
 

微信登录

微信扫一扫,快速登录

搜索
查看: 874|回复: 1

小问题,多谢

[复制链接]

76

主题

340

帖子

340

积分

等级: 已到期

注册:
2021-10-18
曾用名:
发表于 2023-6-2 15:22 | 显示全部楼层 |阅读模式
添加了一个 JavaScript 脚本,用于监听 marquee 的 scroll 事件。当滚动到白色底的图片时,文字颜色会自动变为黑色;当滚动到其他图片时,文字颜色会自动变为白色。同时,我们使用了 CSS 类 .black-text 和 .white-text 来控制字体颜色。此外,我们添加了一个定时器,每100毫秒检查一次字体颜色,以确保在滚动过程中字体颜色能够正确更新白色背景和白色轮动图片时文字没有实现变为黑色,请修正:
<style>
  .black-text {
    color: black;
  }
  .white-text {
    color: white;
  }
</style>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var marquee = document.querySelector("marquee");
    var imgs = marquee.querySelectorAll("img");
    var fonts = marquee.querySelectorAll("font");

    function updateTextColor() {
      var currentImg = imgs[0];
      for (var i = 0; i < imgs.length; i++) {
        if (imgs[i].offsetTop < marquee.scrollTop + marquee.offsetHeight) {
          currentImg = imgs[i];
        } else {
          break;
        }
      }
      if (currentImg.getAttribute("alt") === "白色底图片") {
        fonts.forEach(function(font) {
          font.classList.add("black-text");
          font.classList.remove("white-text");
        });
      } else {
        fonts.forEach(function(font) {
          font.classList.add("white-text");
          font.classList.remove("black-text");
        });
      }
    }

    marquee.addEventListener("scroll", updateTextColor);
    setInterval(updateTextColor, 100);
  });
</script>
<marquee direction="up" scrollamount="2" scrolldelay="10" height="200">
  <font face="隶书" size="7">并在不断变化的市场环境中持续优化。</font>
  <img src="black.jpg" alt="黑色底图片">
  <font face="隶书" size="7">这是一段文字,背景是黑色。</font>
  <img src="white.jpg" alt="白色底图片">
  <font face="隶书" size="7">这是一段文字,背景是白色。</font>
</marquee>

回复

使用道具 举报

0

主题

2641

帖子

2641

积分

Rank: 8Rank: 8

等级: 超级版主

注册:
2021-5-24
曾用名:
发表于 2023-6-5 08:23 | 显示全部楼层
本帖最后由 资深技术03 于 2023-6-5 08:24 编辑

抱歉,目前没有相应的能力帮您解决这类问题,这已经超出技术服务能力和范畴。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 微信登录

本版积分规则

手机版|小黑屋|上海金之塔信息技术有限公司 ( 沪ICP备13035422号 )

GMT+8, 2024-12-22 12:56 , Processed in 0.202608 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表