嵌套和多个<选取框>麻烦

发布于 2024-07-11 08:42:54 字数 502 浏览 6 评论 0原文

实际上我正在尝试将某个盒子与另一个盒子交替移动。 我让它工作了,但是两个块都不会互相干扰。 我应该怎么办? 如何使块彼此交叉? 我尝试使用 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>

我做错了什么?

Actually I am trying to move some box alternatively with in another box. I made it work, but both the blocks do not interrupt each other. What should I do? How can I make the blocks cross each other? I try using style:position, but it is not working.

Here is the code I have been using:

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

What am I doing wrong?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

尝蛊 2024-07-18 08:42:54

噢,亲爱的主!

出色地。 它们不会交叉,因为它们静态地一个位于另一个之上。 第二个选框不能高于第一个选框。

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

<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=“制造一团糟”。

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

Oh, dear Lord!

Well. They don't cross because they're positioned statically one above the other. The second marquee cannot go above the first.

You can solve* this problem by ungluing the marquees from each other using absolute positioning. Then doubly-nest each one with different horizontal and vertical motion:

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

*: for values 'x' of 'solve' where x='make a hideous mess of'.

This is for illustration purposes only. Please don't use this.

牵你手 2024-07-18 08:42:54

请不要使用 marquee 标签,它是非标准的并且已被弃用。 使用一些 JavaScript 库,例如 jQuery UI 来实现任何类型的动画。

Please don't use the marquee tag, it's non-standard and deprecated. Use some JavaScript library like jQuery UI for any kind of animation.

一抹微笑 2024-07-18 08:42:54

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

Use a JavaScript library or if not use JavaScript's settimeout plus absolute positioning & dhmtl.

南渊 2024-07-18 08:42:54

我曾经收到过一封来自一家公司的电子邮件(无 JavaScript 环境),试图向我推销一些东西。 签名使用字幕标签一次一行地滑入行中,然后它们就留在原处。 它做得非常出色——足够的动作来吸引眼球,而且当然不像我们通常期望的大帐篷那样令人畏缩。

我学到的教训是:a)大帐篷仍然有一席之地,无论多小;b)“所有概括都是不好的”。 至于非标准/已弃用的 - Outlook 几乎规定了 HTML 电子邮件中的唯一规则是,如果它有效,那就很好。 打磨你知道的东西是没有用的。

I once had an email (a javascript-less environment) from a company trying to sell me something or other. The signature used the marquee tag to slide in the lines one at a time, and they then stayed put. It was brilliantly done - just enough movement to catch the eye, and certainly not cringeworthy as we usually expect from marquee.

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文