Home > > みずのさんのブログのヘッダ部分のFlashみたいなやつをJavaScriptで作ってみた

[PR]

2024-11-25

Share on Tumblr

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Comments:

Trackback+Pingback:

Listed below are links to weblogs that reference: [PR] from Born Neet

Home > > みずのさんのブログのヘッダ部分のFlashみたいなやつをJavaScriptで作ってみた

Home > JavaScript > みずのさんのブログのヘッダ部分のFlashみたいなやつをJavaScriptで作ってみた

Newer
Older

みずのさんのブログのヘッダ部分のFlashみたいなやつをJavaScriptで作ってみた

2007-11-24
JavaScript

Share on Tumblr

忍者ブログを使ってる方にはすっかりおなじみの（元？）開発者のみずのさんによるブログ。

前々から面白いなーと思ってたあのFlash。
（Flashはさっぱりわからないので）JavaScriptで真似してみました。
本物みたいに汎用的に作ってないし、タイトルとかも入れられないんだけど…

完成品は続きに入れました。
（タイマー使ってて重いのと、ちょっと蓮コラみたいに見えなくもない点を考慮して。）

っていうか、忍者ブログって外部js普通に使えたんだ、知らなかった。
月曜日にできないとか書いちゃったのに、htmlとの分離なんて余裕でできちゃった…。

今回はそのテストも兼ねてのエントリ。

外部jsはなんなく動くも、今回はcssをけっこう使わなきゃならなかったのでその指定に苦労した。
個別要素にはstyle属性で書けるけど、class単位では設定できないし…。
結局、class単位に設定するものについてはJavaScriptでなんとか対処した。

今回はjsでわりと簡単にできるものだったからいいけど、ブログの個別エントリ用にcss使いたい時とか皆どうしてるんだろう？
link/styleタグはbody内には書いちゃ駄目なはずだよね…無視して書いちゃえば一応動くとは思うけど。

あ！JavaScriptでheadにlinkタグを追加すれば簡単にできるのか…
css変更jsとかよくあるし…
しまった、また気づくのが遅かった。

…

外部cssを動的に読み込むように作り直し中…

…

ふぅ、また無駄な時間を…
これが完成品です。↓（たいしたもんじゃないですが）

まぁこれだけのものです。
（ブログにアップしたら文字化けしてちょっと焦った…jsの文字コードをUTF-8にしてませんでした。）

※ 上記ブログによるとみずのさんが忍者ブログから離れられるそうです。（なので一応元？をつけておきました）
　　ご苦労様でしたm(_ _)m
　　（みずのさんの人柄に惚れ込んで使ってた人も結構いるみたいだから、ユーザ離れが心配ですが…）
　　とりあえず、1ユーザとしてはサポートの質とかが下がらないことを祈るのみ。

無駄に長くなっちゃったので参考記事とかは、次のエントリで書きます。
すいません。