Nice programing

중첩 및 다중

nicepro 2020. 11. 17. 21:03
반응형

중첩 및 다중 근심거리

사실 나는 다른 상자에서 번갈아 가며 상자를 이동하려고합니다. 나는 그것을 작동하게 만들었지 만 두 블록이 서로를 방해하지 않습니다. 어떻게해야합니까? 블록이 서로 교차하도록하려면 어떻게해야합니까? 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>

내가 도대체 ​​뭘 잘못하고있는 겁니까?


오, 주님!

잘. 그들은 서로 위에 정적으로 위치하기 때문에 교차하지 않습니다. 두 번째 선택 윤곽은 첫 번째 선택 윤곽 위로 갈 수 없습니다.

절대 위치 지정을 사용하여 선택 윤곽을 서로 풀면이 문제를 해결할 수 있습니다 *. 그런 다음 서로 다른 수평 및 수직 동작으로 각각 이중 중첩합니다.

<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 = '끔찍한 혼란을 만듭니다'.

이것은 설명 목적으로 만 사용됩니다. 이것을 사용하지 마십시오.


marquee 태그는 사용하지 마세요. 표준이 아니며 더 이상 사용되지 않습니다. 모든 종류의 애니메이션에 jQuery UI 와 같은 JavaScript 라이브러리를 사용하십시오 .


JavaScript 라이브러리를 사용하거나 JavaScript의 settimeout과 절대 위치 및 dhmtl을 사용하지 않는 경우 사용하십시오.


나에게 무언가를 팔려고하는 회사로부터 이메일 (자바 스크립트없는 환경)을받은 적이 있습니다. 서명은 marquee 태그를 사용하여 한 번에 하나씩 줄을 슬라이드 한 다음 그대로 두었습니다. 눈을 사로 잡을 수있을 정도의 움직임이었고, 우리가 일반적으로 큰 천막에서 기대하는 것처럼 확실히 움츠러 들지 않았습니다.

내가 배운 교훈은 a) 아무리 작더라도 marquee가 여전히 그 자리를 차지하고 b) '모든 일반화가 나쁘다'입니다. 비표준 / 더 이상 사용되지 않는 경우-Outlook은 HTML 전자 메일의 유일한 규칙은 작동하는 것이 좋다는 것입니다. 당신이 아는 것을 연마하는 데는 쓸모가 없습니다.

참고 URL : https://stackoverflow.com/questions/456815/nested-and-multiple-marquee-troubles

반응형