こわざ集

こわざ集

どこかで見たことのある「こわざ」。決して高度な「わざ」ではありませんし、プチサイトとしては少々派手気味かもしれませんが、上手に使えば、ウェブページをきれいにまとめることができるでしょう。

十二支の絵柄が前の画像に重なるように次々に現れ、循環します。十二支の絵柄はほかのこわざも含め花子(ジャストシステム製グラフィックソフトウェア)の部品を利用していますので流用はできません。念のため。

自動スライド(その1)

十二支の絵柄が前の画像を追い出すように次々に現れ、循環します。

自動スライド(その2)

直方体が回転し、側面に貼られた十二支の絵柄が次々に現れ、循環します。背景は透過しているように見えますが、ここではiframeの透過機能を使わず、ページと同じ背景画像を使っています。

走馬燈風に現れては消える画像

十二支の絵柄がフェーディングしながら次々に現れ、循環します。

フェーディングで交代する画像

つまみをマウスで摘んでドラッグ&ドロップすると画像がスライドします。Firefox、Chrome、Safari、IEなどの場合は、つまみをクリックするとマウスに追随してスライドします。もう一度クリックすると、つまみが離れます。

スライダー

十二支の画像をパノラマ風に流します。窓が中央からずれて見えるかもしれませんが、これはインラインフレームで右側が隠れているためです。ブラウザーの横幅を広げてご覧ください。

パノラマ

双眼鏡を通して見える青い空。
その下には何が?
低い山並みと人家と木立、そして緑の稲田が広がっています。

双眼鏡

いろいろな色のボール(全角記号の○)がゆっくりと動き回ります。動く速さと方向は起動のたびにランダムに変化します。ボールは全部で20個。数えられますか。

ジャンピングボール

簡単なアナログ時計です。JavaScriptだけで動いています。文字盤が透過しているように見えますが、ページと同じ背景画像を使って見せかけているだけです。針が細めの直線のみというのはちょっと残念です。何かいい方法はないでしょうか。

アナログ時計

キャビネットをイメージした写真集。並んだ写真の上にマウスを置くとその写真を右に引き出すことができます。初期化にはスクリプトを使っていますが、写真の出し入れはスタイルシートの機能だけを利用しています(IEの場合はスクリプト)。

写真キャビネット

JavaScriptによる簡単な円グラフです。ブラウザーはOpera10.51を使っていますが、画像処理にバグがあるようです。回避できたと思うのですが、どうでしょうか。グラフの右にある入力欄に数字を入れると、円グラフが描かれます。

円グラフ