Webページを開いた際(ページロード時)に何か演出を加えられたらおもしろいかな、と ふと思い立って作ってみた、ページロード時にカーテンが開くような演出を加えるスクリプト。 何かに使えそうな感じもしたので紹介してみます。 まず動作サンプルから。(画面内の「ページリロード」をクリックしてみてください。) ※サンプル画面上のページロード演出部分以外は、 先日のエントリー「jQueryで追尾型メニューリストを作ってみる」と同じものを使用しています。 ≫別ウィンドウで見る場合はこちら ページロードされると同時にカーテン要素となる<div>を左右に2つ生成し、 animateで幅と透明度を制御しているだけ。 HTMLソース内には特に特別な指定を加える必要はありません。 CSSでカーテン要素として生成する<div>に対して以下の指定を加えます。 ※今回のサンプルではカーテン要素の左側を<div id=”