Imbriquées et plusieurs <marquee> troubles

Question

En fait, je suis en train de déplacer une case sinon dans une autre boîte. J'ai fait le travail, mais les deux blocs ne pas interrompre les uns les autres. Que dois-je faire? Comment puis-je faire les blocs de la croix les uns des autres? J'ai essayer d'utiliser le style:position, mais il ne fonctionne pas.

Voici le code que j'ai été en utilisant:

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

Ce que je fais mal?

Answer 1

Oh, Seigneur!

Bien. Ils ne traversent pas parce qu'ils sont positionnés de manière statique l'un au dessus de l'autre. Le deuxième rectangle de sélection ne peut pas aller au-dessus du premier.

Vous pouvez résoudre* ce problème en décoller les marquises les uns des autres à l'aide de positionnement absolu. Alors doublement nid chacun avec différents horizontal et vertical de mouvement:

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

*: pour les valeurs de " x " de "résoudre" où x='font un affreux gâchis".

C'est pour des fins d'illustration seulement. S'il vous plaît ne pas utiliser ce.

Answer 2

Merci de ne pas utiliser la balise marquee, c'est non standard et obsolètes. L'utilisation de certaines librairies JavaScript comme jQuery UI pour tout type d'animation.

Answer 3

Utiliser une bibliothèque JavaScript ou si pas utiliser de JavaScript settimeout plus le positionnement absolu et dhmtl.