Question

实际上我正试图在另一个盒子里移动一些盒子。我使它工作，但两个块不会互相打断。我该怎么办？如何让这些块相互交叉？我尝试使用style：position，但它不起作用。

以下是我一直在使用的代码：

<marquee direction="down" behavior="alternate" scrollAmount=10 style="border:2px solid blue;">
  <marquee behavior="alternate" scrollAmount=50 >
    <img src="img1.JPG">
  </marquee>
  <marquee behavior="alternate" scrollAmount=10 >
    <img src="img1.JPG">
  </marquee>
</marquee>

我做错了什么？

Answer 1

哦，亲爱的主！

好。它们不会交叉，因为它们静态地位于另一个之上。第二个选框不能超过第一个。

你可以通过使用绝对定位来解开彼此的marquees来解决这个问题。然后用不同的水平和垂直运动对每个人进行双重嵌套：

<div style="border:2px solid blue; position: relative;">
    <marquee direction="down" behavior="alternate" scrollAmount="10">
        <marquee behavior="alternate" scrollAmount="50"><img src="img1.jpeg" alt="oh no" /></marquee>
    </marquee>
    <marquee direction="down" behavior="alternate" scrollAmount="20" style="position: absolute; top: 0;">
        <marquee behavior="alternate" scrollAmount="10"><img src="img1.jpeg" alt="help meee" /></marquee>
    </marquee>
</div>

*：对于'解决'的值'x'，其中x ='制造一个可怕的混乱'。

这仅用于说明目的。请不要使用它。

Answer 2

请不要使用选框标记，它是非标准的并且已弃用。对于任何类型的动画，都可以使用jQuery UI之类的JavaScript库。

Answer 3

使用JavaScript库，或者如果不使用JavaScript的settimeout加绝对定位＆amp; DHMTL。

Answer 4

我曾经有一个电子邮件（一个没有javascript的环境）来自一家公司试图向我推销一些东西。签名使用选框标记一次一行地滑动，然后它们保持放置。它做得非常出色 - 只是足够的动作来吸引眼球，当然也不像我们通常期望的那样畏缩。

我学到的经验教训是：a）大帐篷仍然有其位置，无论多小，b）“所有概括都不好”。至于非标准/已弃用 - Outlook几乎说明HTML电子邮件中唯一的规则是，如果它有效，那就很好。抛光你知道什么是没有用的。

嵌套和多个<marquee>麻烦</marquee>

4 个答案: