マーキー極細

【marqueeタグ】

<marquee>と</marquee>で挟まれた部分のテキストやイメージは，スクロールさせる事が出来ます。
このスクロールする領域を「マーキー」と呼びます。たとえば
<marquee>笑いの使者</marquee>
とすると
笑いの使者
と，こうなるわけですが，このタグには多数属性があって，さまざまなスクロールが可能となっています。
□主な属性　（検証はIEとFirefoxのみ）
behavior=""　スクロールパターン
●scroll　（指定なしのときはこれになる）　　同一方向へのスクロールを繰り返す
●slide　（IEのみ，他ではscrollになる）　　　スクロールした後，端で停止する
●alternate　（IE以外でははみ出す）　　　　スクロールエリアを行ったり来たりする
direction=""　スクロール方向
●left　（指定なしのときはこれになる）　　　右から左
●right　　　　　　　　　　　　　　　　　　　　　　左から右
●up　（IEのみ）　　　　　　　　　　　　　　　　下から上　
●down　（IEのみ）　　　　　　　　　　　　　　上から下
loop=""　スクロール回数
●（指定なしのとき）　　　　　　　　　　　　　　無限
●数字　　　　　　　　　　　　　　　　　　　　　　数字の回数
scrollamount=""　移動距離
●（指定なしのとき）　　　　　　　　　　　　　　6ピクセル
●数字　　　　　　　　　　　　　　　　　　　　　　数字の分
scrolldelay＝""　再描画時間
●（指定なしのとき）　　　　　　　　　　　　　　85ミリ秒
●数字　　　　　　　　　　　　　　　　　　　　　　数字の分
60未満を指定したいときはIEの場合，後ろに truespeedをつける

なお，IEではmarqueeタグを入れ子にする事が可能なので複雑な動きも可能です。


<marquee behavior="alternate" direction="down" scrollamount="2"
height="436" width="292">
<marquee behavior="alternate" scrollamount="4" width="292" >
<img src="/_images/blog/_563/warainosisya/phako.jpg"
onclick="this.src='/_images/blog/_563/warainosisya/hakoaki.jpg'"
alt="phako.jpg" >
</marquee></marquee>
とすると高さ436ピクセル，幅292ピクセルのマーキーで左に4ピクセル進みつつ，
下に2ピクセル進む事になります。alternateとしたので往復します。

コメント 30

私が失敗した「でっかくなっちゃった」を
やって欲しかったなぁｗ
ホントはリンクつけるんじゃなくて
クリックしたら大きくなるようにしたかったんですよ
by nano (2008-12-04 05:34) 

すご～～い〔最近こればかりですが〕〔＾＾；
どこか　とんでもないとこを押したのかと錯覚しました
もう、手品みたいな世界ですよ…私からすると。
思わず箱クリック　　ドォンって変身いいですね。
沢山遊べて羨ましいなぁ
背景も変わって　爽やかです＾＾
by カコサリー (2008-12-04 06:59) 

おはようございます♪
さすが先生だわ！
☆
by にゃんたま (2008-12-04 07:32) 

おおっ！ココにも箱が♪
ひゃ～！クリックしたらザックザック、嬉しいねぇ。(^o^)
by ムーン (2008-12-04 07:56) 

おはようございます♪
凄～い♪面白～い♪
流石先生ｖ
☆
by デルフィー (2008-12-04 08:08) 

ざっくざっく＾＾
文字が流れるのは
チャレンジしてみたいです。
その下はマダム理想です。
その下はまだ無理そうです。w
変換面白いので　直さないでおきます。ｗｗ
by デルフィニウム (2008-12-04 08:41) 

なるほど～、こうやって動かしてるんですかぁ～
謎が解けてスッキリ(笑)

marqueeは別ブログの方で使用中なので、基本は知ってたんですが、斜めに動かせるなんて知らなかったorz
by Silvia (2008-12-04 08:42) 

すごいすごい！
自分でやっちゃうだけじゃなくて、私のような初心者も
解りやすいように説明してくださるのが、特にすごい。
by ぺんぎん (2008-12-04 08:43) 

これをクリックしてポイントがほしい＾＾；
☆
by sasapand (2008-12-04 09:56) 

ｎａｎｏさんちでムービング箱見て
ビックリしてたけど、これまたすごぉ～い！！！
ソネブロの箱は諦めたけど、↑の箱で
ウサ晴らし出来ました！ありがとうございました☆
by 薔薇少女 (2008-12-04 10:01) 

このページお気に入りに入れちゃいました！
直ぐにはとても出来ないけど、いつか
じっくりと時間をかけて挑戦したいと思います。
by 薔薇少女 (2008-12-04 10:05) 

急ぎ応援のみで申し訳ありません
☆
by grace (2008-12-04 12:18) 

これはこれは、また大変勉強になるモノを
いつもいつもありがとうございますのだ＾＾

いつもありがとうございます！
広告などあれこれ応援ポチさせて頂きますね＾＾
by yamagatn (2008-12-04 12:36) 

複雑な動きが楽しくっていいですね！
設定も複雑そうです～。
ついつい面倒でしてませんが・・・・・。ヾ(≧へ≦)〃
by Yuki (2008-12-04 13:01) 

わーい箱だ箱だ！クリック！ゲット～。
練習させていただきました。
by こぱんだつま (2008-12-04 13:01) 

すごい。日々研究精進されてますね。
私は、何かをしようとして
そこそこ時間をかけるのですが、
基本がわかってないので、結局中途半端で
結局、挫折してしまいます。^^;
☆
by がり (2008-12-04 13:38) 

さっそく使わせて頂きました。原理はチンプンカンプンもいいところですが、テレビみたいにわからなくても見れた状態です（＾＾；
報告が遅くなりましたが、ありがとうございます☆☆
by カコサリー (2008-12-04 13:51) 

はぁ。。なつかしいなぁ・・・タグ。。。(ソネさんに引越し前は ホムペだったから。。。)

覚えておくと色々と使えて 面白いですねｗ
でも、タグを悪さに使っちゃダメですよ～(笑)
by ぎんじ (2008-12-04 16:15) 

んー
もっとお勉強しないと難しいところです(　；∀；)


by ＮＥＷめがね (2008-12-04 17:29) 

はじめまして～♪
今更ですが、ちょっとイイ画像が手に入ったので、
ロールオーバーの記事を参考にさせていただきましたv
のちほどTB送らせていただきます。
ありがとうございました☆☆☆
by ぴんくま (2008-12-04 18:04) 

HTMLでも、かなり出来るのですね。☆
by goro2001 (2008-12-04 18:25) 

焦って箱をクリックしちゃいましたよ(><)
すっかりソネに飼いならされてるなァ orz
by ティファロックハート (2008-12-04 19:49) 

タグの綴りが覚えられません(T_T)
英語は嫌いです～
by yuya (2008-12-04 19:58) 

おおっ！凄いです！
参考にさせていただきます。
もう、さすがとしか言いようがありません
by 20thBoy (2008-12-04 20:10) 

ちょっと次回の時にやってみます。

by R-Month (2008-12-04 20:44) 

マーキーを大昔使ってみたことがありますが、私もナナメに動くとは知りませんでした！
すごい！
by hana* (2008-12-04 21:40) 

師匠、さすがです！
by yuki999 (2008-12-05 01:03) 

おはようございます。
いつも凄いです。
解りやすいしさすがですね＾＾
by bigbang (2008-12-05 07:28) 

すごいっす！覚えときます！
最初に箱クリックしちゃいました！もう、習性ですね！
by GT-FOUR (2008-12-05 07:48) 

すごーい。箱開けてびっくりー。楽しぃ～。
保存保存っと。(^^)
by felix__U^ェ^Uわん (2008-12-17 22:52)