[動く文字や画像]のHTMLﾀｸﾞ集

他の方がUPしてたのを色々パクってUPしてます<(_ _)>

自分が使うためにここに隠し入れてます(笑)

①左端で停止
<marquee behavior="slide">○○○</marquee>

②左から右へ
<marquee direction="right">○○○</marquee>

③右から左へ
<marquee>○○○</marquee>

④途中、右から左へ
<marquee width="300">○○○</marquee>

⑤背景色付きで右から左へ
<marquee Bgcolor="ff000ff">○○○</marquee>

⑥往復移動
<marquee behavior="alternate">○○○</marquee>

⑦ちょっと遅く
<marquee scrolldelay="100">○○○</marquee>

⑧ちょっと速く
<marquee scrollamount="8">○○○</marquee>

⑨かなり速く
<marquee scrollamount="50" truespeed>○○○</marquee></marquee>

⑩下へ
<marquee direction="down">○○○</marquee>

⑪上へ
<marquee direction="up">○○○</marquee>

⑫止まりつつ、左側へ移動
<marquee><marquee behavior=alternate width=200>○○○</marquee></marquee>

⑬いったり、きたりしながら左側へ移動
<marquee><marquee scrollamount=10 behavior=alternate width=200>○○○</marquee></marquee>

⑭上下往復
<marquee behavior="alternate" direction="up">○○○</marquee>

⑮上下左右往復(ﾌﾞﾛｯｸ崩し的動き)
▼ｾﾌﾞﾝ用　(他はちゃんと動きません)
<marquee behavior="alternate" direction="up"><marquee behavior="alternate">〇〇〇</marquee></marquee>

▼ﾋﾞｽﾀ・ＸＰ用　(ｾﾌﾞﾝはちゃんと動きません)
<marquee behavior="alternate"><marquee behavior="alternate" direction="up">〇〇〇</marquee></marquee>

⑯長さを変えてみる。
<marquee behavior="alternate">
<Marquee behavior="alternate" direction="up" height="400" width="50%">
〇〇〇</Marquee></marquee>

※数字を色々変えると、幅と高さが変わります(笑)

ただし、widthが100％の時はちゃんと動かないので

widthを取ってしまえばいいです。





○○○の部分が文字だと文字が、画像を貼りつけると画像が動きます。

組み合わせると、斜めに動かせます。

スピードは数字を変えるとかなり小刻みに調整出来ます。

気になる方は色々試してみてください。

【追加】⑭と⑮と⑯を追加しました。



【ﾋﾞｽﾀとｾﾌﾞﾝの共通版を追加しました】↓
⑯長さを変えてみる。
<marquee behavior="alternate">
<Marquee behavior="alternate" direction="up" height="400" width="50%">
〇〇〇</Marquee></marquee>

⑰ｽﾀｰﾄは左上から右下へ
<marquee behavior="alternate" direction="down" height="250"><marquee behavior="alternate" direction="right" width="540">
〇〇〇</marquee></marquee>

⑱ ｽﾀｰﾄは右下から左上へ
<marquee behavior="alternate" direction="up" height="200"><marquee behavior="alternate" direction="left" width="575">
〇〇〇</marquee></marquee>

6月20日追加しました。

⑰ｽﾀｰﾄは左上から右下へ
<marquee behavior="alternate" direction="right" width="540">
<marquee behavior="alternate" direction="down" height="250">〇〇〇</marquee></marquee>

⑱ｽﾀｰﾄは右下から左上へ
<marquee behavior="alternate" direction="left" width="575">
<marquee behavior="alternate" direction="up" height="200">〇〇〇</marquee></marquee>


※高さや幅や回転方向を変えているので

違うような動きになります。

これに速さを変えればもっと違うようになるかな(笑)

追加です。(6月20日②)

ﾋﾞｽﾀでもｾﾌﾞﾝでも共通して動くのは

前が上下、後ろが左右のHTMLﾀｸﾞという結論になりました(笑)


⑯長さを変えてみる。
<marquee behavior="alternate">
<Marquee behavior="alternate" direction="up" height="400" width="50%">
〇〇〇
</Marquee></marquee>

⑰ｽﾀｰﾄは左上から右下へ
<marquee behavior="alternate" direction="down" height="250"><marquee behavior="alternate" direction="right" width="540">
〇〇〇</marquee></marquee>

⑱ ｽﾀｰﾄは右下から左上へ
<marquee behavior="alternate" direction="up" height="200"><marquee behavior="alternate" direction="left" width="575">
〇〇〇</marquee></marquee>