![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.1ベストアンサー
- 回答日時:
こんにちは
>理想としては劇場幕が上に上がっていき、コンテンツが現れる、
細かな細工を抜きにすれば、
1)overflow:hidden の大枠(ブロック要素)の中に、
2)緞帳(画像要素等)に重ねてプロセニアム(画像要素等:舞台部分は透過)を表示しておいて
3)緞帳をゆっくり上にスライドさせる
仕組みにすれば、ご質問のようなイメージになると思います。
単純に上記のような動作だけで良ければ、プラグインなど探さなくても
$(緞帳要素).animate({ top:-$(緞帳要素).height() }, duration)
のような感じで、1行のスクリプトで済んでしまうと思われます。
https://api.jquery.com/animate/
slideUpのほうが記述は簡単かもですが、記憶するところでは下の方の表示がカットされる形になると思いますので、幕が上がる感じとは少し違うかも。
緞帳をたたみながら引き上げるとか、幕が揺れる等といった細かな描写までをしようとするならそれなりの工夫が必要かも知れません。
そのような内容に関しては出来合いのものがあるとは期待できませんので、どのようにして実現するかの仕組みから考える必要があると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- 面接・履歴書・職務経歴書 就活の自己PR 1 2022/07/11 15:43
- 教師・教員 LGBTを自己PRで活用してもいいのでしょうか? 4 2022/06/06 00:43
- 面接・履歴書・職務経歴書 スシローのパート面接で履歴書不要みたいですが面接当日動機は長々と伝えなくてはいけないという事ですか 1 2022/08/22 18:05
- 書類選考・エントリーシート ガクチカと自己PRです。感想とアドバイスお願いします。 1 2022/09/20 13:34
- その他(悩み相談・人生相談) 就活の自己PRって面倒ですよね 特に日本人なんか自己肯定感低いやつが多すぎて俺こんだけスゲェのよって 2 2022/06/17 10:01
- 書類選考・エントリーシート 自己PRの動画は何で撮影したらよい? 3 2022/06/13 21:30
- タブレット 東宝シンデレラオーディションについです 1 2022/07/10 01:31
- Visual Basic(VBA) VBAで出力したCSVファイルの先頭にカンマを挿入したい 5 2022/10/14 12:20
- 債券・証券 無分配積み立ての複利効果について 3 2023/04/16 13:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1ページ内に複数のjqueryのスラ...
-
マイページはどこを開くの
-
ウインドウを毎回同じ位置、大...
-
デジタル時計の時刻合わせの方...
-
一定時間おきにアラームやポッ...
-
Javascript_submit()完了後に処...
-
エクセルのシート上に別のシー...
-
スクリプトって、何ですか?ど...
-
同じページをブラウザで複数開...
-
リストビューをスクロールさせ...
-
Excelでワードアートや図を常に...
-
別フォームから戻ったときのイ...
-
VBA ポップアップが表示された...
-
PDFを(htmlのように)無限に縦...
-
[Java] Edgeでのアドレスバー非...
-
「Cancel = True」とはどういう...
-
VBの画面で、全ウィンドウを一...
-
ポップアップウィンドウがブロ...
-
ウィンドウの2重起動を防止したい
-
window.open("about:blank")
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1ページ内に複数のjqueryのスラ...
-
ポートフォリオサイトに載せる...
-
クリックで卵がパカっと割れる...
-
jQueryでheightが指定されてい...
-
Resizableでクリック軸判定方法
-
prototype.jsとjquery.jsの併用...
-
背景画像のスライドショー
-
jqueryのプラグインのoptionとi...
-
どなたかAtomエディタでjQuery ...
-
既に複数行あるフォームの項目...
-
クリックすると画像が飛び出て...
-
jsでhtmlを部分的にインクルー...
-
jQueryで書き換えた要素のリセット
-
Flashを使ったバナーの作り方
-
jQuery1.3.2を使用しています。
-
jquery画像ビューアー(IE6対応)
-
JavaScriptでスライドショー。...
-
リンク付きサムネイルのスライ...
-
Jqueryでコンテンツスライダー...
-
マウスオーバーでゆっくり出る...
おすすめ情報
理想としては劇場幕が上に上がっていき、コンテンツが現れる、と云うJQueryのプラグインがないか探しています。
宜しくお願い致します。
理想としては劇場幕が上に上がっていき、コンテンツが現れる、と云うJQueryのプラグインがないか探しています。
宜しくお願い致します。