hogashi.*

日記から何から

トップ > HTML > marquee 入れ子 どうなる

marquee 入れ子 どうなる

HTML 
<marquee scrollamount="1" direction="right">
  <div style="width: 100px; height: 100px; background-color: green;"></div>
</marquee>
<marquee scrollamount="10" direction="right">
  <marquee scrollamount="9">
    <div style="width: 100px; height: 100px; background-color: green;"></div>
  </marquee>
</marquee>

<marquee scrollamount="10" direction="right">
  <marquee scrollamount="10">
    <div style="width: 100px; height: 100px; background-color: green;"></div>
  </marquee>
</marquee>

<marquee scrollamount="10" direction="up">
  <marquee scrollamount="10" direction="down">
    <div style="width: 100px; height: 100px; background-color: green;"></div>
  </marquee>
</marquee>

<marquee scrollamount="20" direction="up">
  <marquee scrollamount="20" direction="down">
    <marquee scrollamount="20" direction="right">
      <marquee scrollamount="20">
        <div style="width: 100px; height: 100px; background-color: green;"></div>
      </marquee>
    </marquee>
  </marquee>
</marquee>

<marquee scrollamount="7" direction="up"  style="height: 300px;">
  <marquee scrollamount="19" direction="down"  style="height: 150px;">
    <marquee scrollamount="31" direction="right"  style="height: 100px;">
      <marquee scrollamount="59"  style="height: 100px;">
        <div style="width: 100px; height: 100px; background-color: green;"></div>
      </marquee>
    </marquee>
  </marquee>
</marquee>

<marquee scrollamount="7" direction="up" style="height: 300px;" behavior="alternate">
  <marquee scrollamount="19" direction="down" style="height: 150px;" behavior="alternate">
    <marquee scrollamount="31" direction="right" style="height: 100px;" behavior="alternate">
      <marquee scrollamount="59" style="height: 100px;" behavior="alternate">
        <div style="width: 100px; height: 100px; background-color: green;"></div>
      </marquee>
    </marquee>
  </marquee>
</marquee>

注釈

developer.mozilla.org

非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/marquee