嵌套和多个<marquee>烦恼

其实我正在试图移动一些盒子在另一个盒子。 我做了它的工作，但两个块不会打断对方。 我该怎么办？ 我怎样才能使块互相交叉？ 我尝试使用样式：位置，但它不工作。

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

<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

哦，亲爱的主！

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

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

 <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

请不要使用选取框标记，这是非标准的，不推荐使用。 对于任何types的animation，请使用一些JavaScript库（如jQuery UI） 。

Answer 3

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

Answer 4

我曾经从一家公司试图向我推销某件商品的电子邮件（无javascript环境）。 这个签名使用了marquee标签一次一行地滑动，然后他们保持放置。 这是精彩的完成 – 只是足够的动作来吸引眼球，而且肯定不像我们通常从跑马灯期望的那样令人c目。

我学到的教训是：a）无论多么小，大写字型仍然占有一席之地，b）“所有概括都不好”。 至于非标准/不赞成 – Outlook几乎支配HTML电子邮件的唯一规则是，如果它的工作，这是很好的。 抛光你知道什么是没有用的。