マーキーで遊ぶ

[1.斜めにスクロールするマーキー] [2.波型に移動するマーキー] [3.波型に移動して往復するマーキー] [4.一定のスペースでバウンドさせるマーキー] [5.マーキーで文字を点滅させる。]

NN7.0がマーキータグに対応したのを記念して…といいたいところですが、残念ながらここに紹介するうちの1.〜4.はNN7.0では効果がありません。
でも、IEではマーキータグを組み合わせるとなかなか面白い効果を得ることができます。

1.斜めにスクロールするマーキー

<marquee direction="up"><marquee>斜めに移動してる?</marquee></marquee>
斜めに移動してる?

2.波型に移動するマーキー

<marquee behavior="alternate" direction="up"><marquee>波型に移動してる?</marquee></marquee>
波型に移動してる?

3.波型に移動して往復するマーキー

<marquee behavior="alternate" direction="up"><marquee behavior="alternate">波型に往復してる?</marquee></marquee>
波型に往復してる?

4.一定のスペースでバウンドさせるマーキー

<marquee behavior="alternate" direction="up" width="180" height="60"><marquee behavior="alternate">バウンドしてる?</marquee></marquee>
バウンドしてる?

5.マーキーで文字を点滅させる。

blinkタグはNN7.1で再度対応するようになりましたが、それをIEでもマーキーで代用しようというものです。

<marquee scrolldelay="350" width="110" scrollamount="100">点滅してる?</marquee>
点滅してる?
<marquee scrolldelay="350" width="160" scrollamount="150">点滅してるでしょ?</marquee>
点滅してるでしょ?

文字数が長くなるほど、width属性とscrollamount属性の数字を大きくし、点滅が早くなった分をscrolldelayの値を大きくして遅くします。
しかしながら、ウインドウサイズなどの閲覧環境によって見え方が違うようなので、ちょっと自己満足な効果かもしれません…

[PAGE TOP] [HOME]
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送