スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 

花の向こうに蝶が飛ぶ

以前 GOOのブログに載せた記事です。
さて、このFC2では、うまく動くかしら。




ムシトリナデシコです。
GIFアニメの蝶を、マーキー(marquee)で動かしています。





ソースです。もっといい書き方があったら、教えてください。
(<>は半角、不要な改行は削除)

<div style="position:relative; width:520; height:400;">
<div style="position:absolute; top:0; left:0;">
<img src="http://blog-imgs-47.fc2.com/m/i/t/mitchan2010/marquee-cho-hana1.jpg" border="0" width="500px" height="375px"></div>
<div style="position:relative;width:500;height:375;">
<marquee direction="down" behavior="alternate" height="350"width="480"hspace="10"yspace="10">
<marquee behavior="alternate">
<img src="http://blog-imgs-47.fc2.com/m/i/t/mitchan2010/marquee-cho-chonoe.gif">
</marquee>
<img src="http://blog-imgs-47.fc2.com/m/i/t/mitchan2010/marquee-cho-hana2.png">
</span></div></div>


蝶のGIFアニメは、やすらぎ庵さん からお借りしています。

参考:パソコン de あれこれ さんの 「飛行機? と 孔雀サボテン」



GOOブログでのこの記事


お知らせ 10月17日
     GOOのブログで以前作ったソースをもとに単純に数字を変えただけでは
     画像の配置がおかしかったので、新たにソースを作り直しました。
     IE6で確認していますが、operaでもちゃんと見えました。
     他のブラウザでごらんの方で、「おかしいよ」という方は教えてください。

Comment

おはようございます

みっちゃん おはようございます。
ブログの引越し、お疲れ様でした。
また、お知らせ、有難うございました。
チョウが花の裏側まで回るとは、
見てびっくり、驚きでした。

色々な枠を再現して頂き、有難うございました。

2010/10/17 | きまぐれ[URL] | Edit

少し変

みっちゃん こんにちは
蝶が下部を移動しますが、上のお花の切り抜き部分がカレンダーの上にあり、
花の向こう側を飛んでいるようには見えないですね。
私も以前 mmiさんのソースを参考にさせてもらって遊びました。
mmiさんと同じエキサイトなのでうまく行ったと思いますが難しいものですね。

2010/10/17 | sky[URL] | Edit

ありがとうございます

きまぐれさん、こんにちわ。
9割がたカスタマイズが終わって、なんとか今までのようなブログになりました。

この記事は、GOOのブログに載せたものなんですが、
IE6で確認しながら作成しています。
IEでも他のバージョンではどうなんでしょうか。
operaでは、みっともなく崩れてしまっています。
どんなブラウザでもOKなんて難しいのでしょうね。
これからもよろしくお願いします。

2010/10/17 | みっちゃん[URL] | Edit

マーキー

skyさん、こんにちわ。
skyさんは何を使ってごらんになっていますか?
IE6で確認しながら作りましたが、operaで見ると、蝶は、画像の下からはみ出して行ったり来たりしているし、切り抜きの花がソースを表示しているところにあります。
IE6で重なるように設定しただけで、あとは以前の記事と同じですが、
こんなにも違ってくるんですね。
こういう指定方法自体が間違っているのかも知れないです。
HTMLをもっとしっかり勉強したほうがよさそうです。

2010/10/17 | みっちゃん[URL] | Edit

No Title

追伸
IE6で確認されたのですか、私はIE8で見ました。
マーキーはIE以外のブラウザーでは動かなかったりすると言われているし、IEのバージョンでも違うとなると難しいですね。
http://jtrimde.exblog.jp/8499478/
以前 私が作成したもので、IE8では普通に見えていますがIE6では違いますか?
やっかいですね。

2010/10/17 | sky[URL] | Edit

大丈夫ですよ

IE6でもoperaでもちゃんと見えました。
operaでは、黄色い蝶が見えないと当時書き込みしていますが、バージョンアップされたせいかしら、今日はちゃんとIE6と同じように見えます。

2010/10/17 | みっちゃん[URL] | Edit

No Title

有り難うございました。
と 言うことはmmiさんのソースを参考にさせて頂いたのでブラウザーの違いより、
エキサイトとgooとFC2と言うブログの違いが関係するのでしょうか?
私 経験ないので全然分からないです。
みっちゃん 頑張ってくださいね。

2010/10/17 | sky[URL] | Edit

なんとかできました。

skyさん、ソースを最初から作り直しました。
今度はいかがでしょうか。
実は、タイトルの下の1行、色が変わったりします。
どこから影響するのか、ぜんぜんわかりません。
途中経過では、次の記事の表示がちょっとおかしかったんですが、
今は、次の記事はないので、どうなるかはわかりません。

2010/10/17 | みっちゃん[URL] | Edit

        
カレンダー
03 | 2017/04 | 05
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -
最新トラックバック
検索フォーム
QRコード
QR
ブロとも申請フォーム
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。