66

实际上，我正在尝试在另一个盒子中移动一些盒子。我让它工作了，但是两个块都不会互相干扰。我该怎么办？我怎样才能使块相互交叉？我尝试使用样式：位置，但它不起作用。

这是我一直在使用的代码：

<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>

我究竟做错了什么？

请不要使用 marquee 标签，它是非标准的且已弃用。为任何类型的动画使用一些 JavaScript 库，如jQuery UI 。

4

4 回答 4

69

哦，亲爱的主！

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

您可以通过使用绝对定位将选取框彼此分开来解决*这个问题。然后用不同的水平和垂直运动对每一个进行双重嵌套：

<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=“弄得一团糟”。

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

于 2009-01-19T13:24:30.930 回答
51

请不要使用 marquee 标签，它是非标准的且已弃用。为任何类型的动画使用一些 JavaScript 库，如jQuery UI 。

于 2009-01-19T07:48:31.403 回答
5

使用 JavaScript 库，或者如果不使用 JavaScript 的 settimeout 加上绝对定位和 dhmtl。

于 2009-01-19T08:25:17.430 回答
3

我曾经收到一封来自一家公司的电子邮件（无 javascript 环境），试图向我推销一些东西。签名使用选取框标签一次一条地滑入行中，然后它们保持不变。它做得非常出色 - 足以吸引眼球的动作，当然不会像我们通常对选框所期望的那样令人畏惧。

The lessons I learned are a) that marquee still has its place, no matter how small, and b) 'All generalisations are bad'. As for non-standard/deprecated - Outlook has pretty much dictated that the only rule in HTML emails is that if it works, it's good. There no use in polishing a you-know-what.

于 2009-03-04T18:24:51.407 回答